import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { cn } from '../../../lib/utils.js';
export function EmptyState({ icon, title, description, action, className, ...props }) {
    return (_jsxs("div", { className: cn('flex flex-col items-center gap-4 px-4 py-12 text-center', className), ...props, children: [icon ? _jsx("div", { className: "text-muted-foreground", children: icon }) : null, _jsx("h3", { className: "text-lg font-semibold", children: title }), description ? _jsx("p", { className: "text-muted-foreground max-w-md text-sm", children: description }) : null, action ? _jsx("div", { className: "mt-2", children: action }) : null] }));
}
