import { Button } from "@mantine/core";
import type { Meta, StoryObj } from "@storybook/react-vite";
import { fn } from "storybook/test";
import { EntryCard } from "./EntryCard";

const meta = {
	title: "Design System/Components/EntryCard",
	component: EntryCard,
	tags: ["autodocs"],
	args: {
		title:
			"Учебная запись с очень длинным названием для проверки узкого экрана",
		metadata: "22.09.2026 · Синтетические данные",
		initial: "У",
		imageSrc: "data:image/png;base64,invalid",
		value: "−1 250,00 ₽",
		valueLabel: "Тестовое значение",
		tone: "negative",
		actions: (
			<Button size="compact-sm" onClick={fn()}>
				Открыть пример
			</Button>
		),
	},
	parameters: {
		docs: {
			description: {
				component:
					"Готовые строки и slots без финансовых вычислений. Невалидное локальное изображение показывает fallback; действие доступно с клавиатуры и на узком экране. Данные вымышлены.",
			},
		},
	},
} satisfies Meta<typeof EntryCard>;

export default meta;
type Story = StoryObj<typeof meta>;
export const LongContentAndFallback: Story = {};