import { StoryObj } from '@storybook/react-webpack5';
import { Travel } from '@transferwise/icons';
import { InlinePrompt } from './InlinePrompt';
import { withVariantConfig } from '../../../.storybook/helpers';

export default {
  title: 'Prompts/InlinePrompt/Tests',
  component: InlinePrompt,
  tags: ['!autodocs'],
};

type Story = StoryObj<typeof InlinePrompt>;

export const TinyScreen: Story = {
  render: () => (
    <InlinePrompt sentiment="positive" media={<Travel />}>
      Your travel money account is now active and ready to use for international transactions.
    </InlinePrompt>
  ),
  ...withVariantConfig(['400%']),
};