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

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

type Story = StoryObj<typeof LabelCard>;

export const Default: Story = {
  args: {
    title: 'Default Card',
    variant: 'primary',
    label: 'primary',
    children: `This is label card`,
  },
};

export const Primary: Story = {
  args: {
    title: 'Primary Card',
    variant: 'primary',
    label: 'primary',
  },
};
export const Success: Story = {
  args: {
    title: 'Excel',
    variant: 'success',
    label: 'Step 1',
  },
};
export const Warning: Story = {
  args: {
    title: 'Warning Card',
    variant: 'warning',
    label: 'Label',
  },
};

export const Controlled: Story = {
  render: () => {
    return (
      <LabelCard title="Basic Card" variant="default" label="primary">
        <div className="paragraph">
          Empower Developers, IT Ops, and business teams to collaborate at high
          velocity. Respond to changes and deliver great customer and employee
          service experiences fast.
        </div>
      </LabelCard>
    );
  },
};
export default meta;
