import React from 'react'
import { Story, Meta } from '@storybook/react'
import { TextStyle, TextStyleProps } from './TextStyle'

export default {
  title: 'Titles and text/TextStyle',
  component: TextStyle,
  argTypes: {
    variation: {
      name: 'variation',
      description: 'Give text additional visual meaning ',
      type: { name: 'string', required: false },
      control: {
        type: 'select',
        options: ['positive', 'negative', 'strong', 'subdued']
      }
    }
  }
} as Meta

const Template: Story<TextStyleProps> = (args: any) => {
  return <TextStyle {...args}>Lorem ipsum dolor sit amet</TextStyle>
}

export const Default = Template.bind({})
