import { Skeleton } from './skeleton'
import { Meta, StoryObj } from '@storybook/react-vite'

const meta: Meta<typeof Skeleton> = {
  title: 'Skeleton',
  component: Skeleton,
  tags: ['autodocs'],
  parameters: {
    layout: 'centered',
  },
}
export default meta

export const Default: StoryObj<typeof meta> = {
  render: (args) => (
    <div className="flex items-center justify-center">
      <div className="flex flex-col space-y-3">
        <Skeleton className="h-[125px] w-[250px] rounded-xl" />
        <div className="space-y-2">
          <Skeleton className="h-4 w-[250px]" />
          <Skeleton className="h-4 w-[200px]" />
        </div>
      </div>
    </div>
  ),
}
