import React from 'react'
import { Story, Meta } from '@storybook/react'
import { DisplayText, DisplayTextProps } from './DisplayText'

export default {
  title: 'Titles and text/DisplayText',
  component: DisplayText,
  argTypes: {
    size: {
      name: 'size',
      description: 'Controls the font size ',
      type: { name: 'string', required: false },
      control: {
        type: 'select',
        options: ['xs', 'sm', 'md', 'lg', 'xl', '2xl']
      }
    }
  }
} as Meta

const Template: Story<DisplayTextProps> = (args: any) => {
  return <DisplayText {...args}>Text sample</DisplayText>
}

export const Default = Template.bind({})
