import type { StoryObj, Meta } from '@storybook/react'
import { Text, TextProps } from '@vinioliver-ignite-ui/react'

export default {
    title: 'Typography/Text',
    component: Text,
    args:{
        children: 'Lorem ipsum dolor, sit amet consectetur adipisicing elit. Natus recusandae praesentium animi reiciendis aut totam dolores atque voluptate culpa voluptas assumenda itaque fugiat iure deserunt accusantium, asperiores obcaecati consequuntur? Tenetur?',
        size: 'md'
    },
    argTypes: {
        size:{
            options: ['xxs', 'xs', 'sm', 'md', 'lg', 'xl', '2xl', '4xl', '5xl', '6xl', '7xl', '8xl', '9xl'],
            control: {
                type: 'inline-radio',
            },
        }
    }
} as Meta<TextProps>

export const Primary: StoryObj<TextProps> ={}

export const CustomTag: StoryObj<TextProps> ={
    args: {
        children: 'Strong Text',
        as: 'strong',
    },
}