import {Alert, AlertTitle, AlertDescription} from '../components/ui/alert'

import type {Meta, StoryObj} from '@storybook/react-vite'

const meta = {
  title: 'UI/Alert',
  render: ({variant}) => (
    <Alert variant={variant}>
      <AlertTitle>Alert Title</AlertTitle>
      <AlertDescription>
        This is a default alert with a title and description.
      </AlertDescription>
    </Alert>
  ),

  parameters: {},
  tags: ['autodocs'],
  argTypes: {
    variant: {
      control: 'radio',
      options: ['default', 'destructive'],
    },
  },
} satisfies Meta<typeof Alert>

export default meta
type Story = StoryObj<typeof meta>

export const Default: Story = {
  args: {
    variant: 'default',
  },
}
export const Destructive: Story = {
  args: {
    variant: 'destructive',
  },
}
