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

import { CardsGrid, Container } from '@/components';
import { CardCollection } from '@/stories/cards/templates/CardCollection';

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

export default meta;

type TStory = StoryObj<typeof Container>;

export const Primary: TStory = {
  args: {
    children: (
      <CardsGrid cardsWidth={280} gap={20}>
        {Array.from({ length: 6 }).map((item, key) => (
          <CardCollection key={key} />
        ))}
      </CardsGrid>
    ),
    className: 'min-w-[1220px]',
  },
};