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

import { lorem10 } from '../../test-utils';
import Title from '../../title';
import { Typography } from '../propsValues/typography';

import Card from '.';

const meta: Meta<typeof Card> = {
  component: Card,
  title: 'Internal/Card',
  tags: ['autodocs'],
};

export default meta;
type Story = StoryObj<typeof Card>;

export const Default: Story = {
  args: {
    children: (
      <>
        <Title type={Typography.TITLE_SECTION}>Money without borders</Title>
        {lorem10}
      </>
    ),
    onDismiss: () => {},
  },
};
