import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Inbox, FileQuestion, Plus } from 'lucide-react';
import { EmptyState } from './empty-state';
import { Button } from '../../ui/button';
const meta = {
    title: 'Composed/EmptyState',
    component: EmptyState,
    parameters: {
        layout: 'centered',
    },
    tags: ['autodocs'],
};
export default meta;
export const Default = {
    args: {
        title: 'No items found',
    },
};
export const WithIcon = {
    args: {
        icon: _jsx(Inbox, { className: "h-12 w-12" }),
        title: 'Your inbox is empty',
    },
};
export const WithDescription = {
    args: {
        title: 'No results',
        description: 'Try adjusting your search or filter to find what you are looking for.',
    },
};
export const WithAction = {
    args: {
        title: 'No projects yet',
        description: 'Get started by creating your first project.',
        action: (_jsxs(Button, { children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Create Project"] })),
    },
};
export const FullExample = {
    args: {
        icon: _jsx(FileQuestion, { className: "h-12 w-12" }),
        title: 'No features found',
        description: 'It looks like you have not created any features yet. Start by creating a new feature to track your development workflow.',
        action: (_jsxs(Button, { children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "New Feature"] })),
    },
};
