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

const meta: Meta<typeof IconCard> = {
  component: IconCard,
  title: 'Components/IconCard',
  tags: ['autodocs'],
  parameters: {
    layout: 'centered',
  },
};

type Story = StoryObj<typeof IconCard>;
export const Default: Story = {
  args: {
    title: 'Voice Analyser',
    size: 'medium',
    children: `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec felis
    ac sem blandit mattis.`,
  },
};

export const Chrome: Story = {
  args: {
    title: 'Chrome',
    iconName: 'Chrome',
  },
};

export const Controlled: Story = {
  render: () => {
    return (
      <IconCard title="Firefox" iconName="Firefox_icon" size="medium">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec felis
        ac sem blandit mattis. Donec vel euismod quam, vitae maximus nibh.
        Vestibulum ut ex mattis, egestas lorem et, tempus ex.
      </IconCard>
    );
  },
};
export default meta;
