import React from 'react';
import { ComponentStory, ComponentMeta } from '@storybook/react';
import { Text } from './index';

export default {
  title: 'Design System/Text',
  component: Text,
  argTypes: {
    variant: {
      options: [
        'heading',
        'title',
        'body',
        'button-primary',
        'button-outline',
        'caption',
        'caption-bold',
        'caption-01',
        'label',
      ],
      control: { type: 'select' },
    },
    weightVariant: {
      options: ['normal', 'medium', 'bold'],
      control: { type: 'select' },
    },
  },
} as ComponentMeta<typeof Text>;

export const Interactive: ComponentStory<typeof Text> = (args) => {
  return <Text {...args}>{args.children}</Text>;
};

Interactive.args = {
  children: 'The future of healthcare is on your doorstep.',
  variant: 'body',
  weightVariant: 'medium',
};