import { Meta, StoryObj } from '@storybook/react-webpack5';

import CriticalCommsBanner from '.';
import { withVariantConfig } from '../../.storybook/helpers';

export default {
  component: CriticalCommsBanner,
  title: 'Prompts/CriticalCommsBanner',
} satisfies Meta<typeof CriticalCommsBanner>;

type Story = StoryObj<typeof CriticalCommsBanner>;

export const Basic = {
  args: {
    title: 'Your account is overdrawn',
    subtitle: 'Add money within the next 30 days',
    action: { label: 'Take action', href: 'https://wise.com' },
  },
};

export const Variants: Story = {
  args: {
    title: 'Your account is overdrawn',
    subtitle: 'Add money within the next 30 days',
    action: { label: 'Take action', href: 'https://wise.com' },
  },
  ...withVariantConfig(['default', 'dark', 'rtl']),
};

export const Mobile: Story = {
  tags: ['!autodocs'],
  args: {
    title: 'Your account is overdrawn',
    subtitle: 'Add money within the next 30 days',
    action: { label: 'Take action', href: 'https://wise.com' },
  },
  ...withVariantConfig(['default', 'dark', 'rtl', 'mobile']),
};
