44 lines
1.4 KiB
TypeScript
44 lines
1.4 KiB
TypeScript
import type { Meta, StoryObj } from "@storybook/react-vite";
|
||
|
||
import { Button } from "@mantine/core";
|
||
import { fn } from "storybook/test";
|
||
|
||
import { EntryCard } from "./EntryCard";
|
||
|
||
const meta = {
|
||
args: {
|
||
actions: (
|
||
<Button onClick={fn()} size="compact-sm">
|
||
Открыть пример
|
||
</Button>
|
||
),
|
||
imageSrc: "data:image/png;base64,invalid",
|
||
initial: "У",
|
||
metadata: "22.09.2026 · Синтетические данные",
|
||
title:
|
||
"Учебная запись с очень длинным названием для проверки узкого экрана",
|
||
tone: "negative",
|
||
value: "−1 250,00 ₽",
|
||
valueLabel: "Тестовое значение",
|
||
},
|
||
component: EntryCard,
|
||
parameters: {
|
||
docs: {
|
||
description: {
|
||
component:
|
||
"Готовые строки и slots без финансовых вычислений. Невалидное локальное изображение показывает fallback; действие доступно с клавиатуры и на узком экране. Данные вымышлены.",
|
||
},
|
||
},
|
||
},
|
||
tags: ["autodocs"],
|
||
title: "Design System/Components/EntryCard",
|
||
} satisfies Meta<typeof EntryCard>;
|
||
|
||
export default meta;
|
||
|
||
type Story = StoryObj<typeof meta>;
|
||
|
||
export const LongContentAndFallback: Story = {};
|
||
|
||
export const WrappedOperation: Story = { args: { value: "−123 456 789 012 345 678,90 ₽", wrap: true } };
|