import { action } from 'storybook/actions'; import { Meta, StoryObj } from '@storybook/react-webpack5'; import { FastFlag } from '@transferwise/icons'; import { useState } from 'react'; import Button from '../../button'; import { lorem10 } from '../../test-utils'; import Title from '../../title/Title'; import { Typography } from '../propsValues/typography'; import BottomSheet from './BottomSheet'; import ListItem from '../../listItem'; export default { component: BottomSheet, title: 'Dialogs/BottomSheet', args: { open: false, }, render: (args, { viewMode }) => { const [open, setOpen] = useState(viewMode !== 'docs'); return (
{ setOpen(false); action('BottomSheet closed')(); }} />
); }, } satisfies Meta; type Story = StoryObj; export const Basic: Story = { args: { children: ( <> Money without borders {lorem10}

} media={ } /> ), }, parameters: { chromatic: { delay: 1000, }, }, };