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

import CriticalCommsBanner from '.';
import { storyConfig } from '../test-utils';

export default {
  component: CriticalCommsBanner,
  title: 'Prompts/CriticalCommsBanner',
} satisfies Meta<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 = storyConfig(
  {
    args: {
      title: 'Your account is overdrawn',
      subtitle: 'Add money within the next 30 days',
      action: { label: 'Take action', href: 'https://wise.com' },
    },
  },
  { variants: ['default', 'dark', 'rtl'] },
);

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