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 } };