veza/apps/web/src/components/ui/KodoEmptyState.stories.tsx

import type { Meta, StoryObj } from '@storybook/react';
import { KodoEmptyState } from './KodoEmptyState';
import { Search, Inbox, AlertTriangle } from 'lucide-react';

const meta = {
    title: 'UI/KodoEmptyState',
    component: KodoEmptyState,
    tags: ['autodocs'],
    argTypes: {
        title: { control: 'text' },
        description: { control: 'text' },
        actionLabel: { control: 'text' },
    },
} satisfies Meta<typeof KodoEmptyState>;

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

export const Default: Story = {
    args: {
        icon: Search,
        title: 'No results found',
        description: 'We effectively searched the known universe but came up empty. Try different keywords.',
        actionLabel: 'Clear Search',
        onAction: () => console.log('Action clicked'),
    },
};

export const NoAction: Story = {
    args: {
        icon: Inbox,
        title: 'Inbox Zero',
        description: 'You have no new messages. Enjoy the silence.',
    },
};

export const ErrorState: Story = {
    args: {
        icon: AlertTriangle,
        title: 'Connection Lost',
        description: 'Attempting to reconnect to the neural link...',
        actionLabel: 'Retry',
    },
};