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

import { CardCollection } from './templates/CardCollection';
import { CardImageAttribute } from './templates/CardImageAttribute';
import { CardItem } from './templates/CardItem';
import { CardItemPrototype } from './templates/CardItemPrototype';
import { CardTextAttribute } from './templates/CardTextAttribute';
import { Card } from '@/components';
import { DROPDOWN_DATA } from '@/stories/dropdown/Dropdown.data';

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

export default meta;

export const CardImageAttr = () => <CardImageAttribute options={DROPDOWN_DATA} />;

export const CardTextAttr = () => <CardTextAttribute options={DROPDOWN_DATA} />;

export { CardItemPrototype, CardItem, CardCollection };