import { Meta, StoryObj } from '@storybook/react-webpack5';
import { lorem10 } from '../test-utils';
import Info from '.';
import { withVariantConfig } from '../../.storybook/helpers';

const meta = {
  component: Info,
  title: 'Dialogs/Info',
  args: {
    'aria-label': 'Click here for more details',
    title: 'Fast transfer hint',
    content: lorem10,
  },
  render: (args) => (
    <p>
      <span>Fast transfer</span> <Info {...args} />
    </p>
  ),
} satisfies Meta<typeof Info>;

export default meta;

type Story = StoryObj<typeof meta>;

export const Basic: Story = {
  ...withVariantConfig(['default', 'dark', 'rtl']),
};