import {Meta, StoryObj} from '@storybook/react';
import {TypographyComponent as Typography} from './typography.component';
import {AppProviderComponent} from '../../../providers';
import React from 'react';

const meta: Meta<typeof Typography> = {
    title: 'Atoms/Typography',
    component: Typography,
};

export default meta;

type Story = StoryObj<typeof Typography>;

export const Default: Story = {
    render: (args) => <Typography {...args} data-testid='typography' />,
    args: {
        children: 'Typography',
        color: 'gray',
        size: 'textMD',
        tag: 'span',
        weight: 400,
    },
};