import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Button } from './Button.js';
export function EmptyState({ icon, title, description, actionLabel, onAction }) {
    return (_jsxs("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [icon && _jsx("div", { className: "mb-4 text-[var(--muted-foreground)]", children: icon }), _jsx("h3", { className: "text-lg font-medium", children: title }), description && (_jsx("p", { className: "mt-1 max-w-sm text-sm text-[var(--muted-foreground)]", children: description })), actionLabel && onAction && (_jsx(Button, { variant: "primary", onClick: onAction, className: "mt-4", children: actionLabel }))] }));
}
//# sourceMappingURL=EmptyState.js.map