import { Meta, StoryObj } from '@storybook/react';

import { CardCollection } from './templates/CardCollection';
import { CardsGrid } from '@/components/cards-grid';

const meta: Meta<typeof CardsGrid> = {
  component: CardsGrid,
};

export default meta;

type TStory = StoryObj<typeof CardsGrid>;

export const Primary: TStory = {
  args: {
    children: Array.from({ length: 6 }).map((item, key) => <CardCollection key={key} />),
    cardsWidth: 280,
    gap: 20,
  },
};