import {AppProviderComponent as AppProvider} from '../../../providers';
import {SkeletonComponent as Skeleton} from './skeleton.component';
import type {Meta, StoryObj} from '@storybook/react';
import React from 'react';

const meta: Meta<typeof Skeleton> = {
    title: 'Atoms/Skeleton',
    component: Skeleton,
    decorators: [
        (Story) => (
            <AppProvider>
                <Story />
            </AppProvider>
        ),
    ],
};
export default meta;

type Story = StoryObj<typeof Skeleton>;

export const Default: Story = {
    render: (args) => <Skeleton {...args} data-testid='skeleton' />,
    args: {
        width: 200,
        height: 200,
        variant: 'rounded',
        animation: 'wave',
    },
};