import type { ComponentMeta } from '@storybook/react-native';
import { TextStory as Text } from './Text';
import { SizeTextStory as TextSizes } from './TextSizes';

const TextMeta: ComponentMeta<typeof Text> = {
  title: 'stories/TYPOGRAPHY/Text',
  component: Text,
  argTypes: {
    size: {
      control: 'select',
      options: [
        'xs',
        'sm',
        'md',
        'lg',
        'xl',
        '2xl',
        '3xl',
        '4xl',
        '5xl',
        '6xl',
      ],
    },
  },
  args: {
    text: 'Hello world',
    size: 'md',
  },
  parameters: {
    docs: {
      description: {
        component:
          '**Text** allows the rendering of text and paragraphs within an interface.',
      },
    },
  },
};

export default TextMeta;

export { Text };
export { TextSizes };