YesPlayMusic/packages/web/components/NowPlaying.stories.tsx

import React from 'react'
import { ComponentStory, ComponentMeta } from '@storybook/react'
import { NowPlaying } from './NowPlaying'

export default {
  title: 'NowPlaying',
  component: NowPlaying,
  argTypes: {
    backgroundColor: { control: 'color' },
  },
  parameters: {
    viewport: {
      defaultViewport: 'iphone8p',
    },
  },
} as ComponentMeta<typeof NowPlaying>

const Template: ComponentStory<typeof NowPlaying> = args => <NowPlaying />

export const Primary = Template.bind({})
Primary.args = {
  primary: true,
  label: 'NowPlaying',
}