import { Alert } from './Alert';

export default {
  title: 'Atoms/Alert',
  component: Alert,
  tags: ['autodocs'],
  argTypes: {
    variant: {
      control: 'select',
      options: ['info', 'success', 'warning', 'danger'],
    },
  },
};

export const Info = {
  args: {
    variant: 'info',
    title: 'Information',
    children: 'This is an informational alert message.',
  },
};

export const Success = {
  args: {
    variant: 'success',
    title: 'Success',
    children: 'Your action was completed successfully.',
  },
};

export const Warning = {
  args: {
    variant: 'warning',
    title: 'Warning',
    children: 'Please review this information carefully.',
  },
};

export const Danger = {
  args: {
    variant: 'danger',
    title: 'Error',
    children: 'Something went wrong. Please try again.',
  },
};

export const WithoutTitle = {
  args: {
    variant: 'info',
    children: 'This is an alert without a title.',
  },
};

export const Closable = {
  args: {
    variant: 'info',
    title: 'Closable Alert',
    children: 'This alert can be closed.',
    onClose: () => alert('Alert closed'),
  },
};

