import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Plus } from "lucide-react";
import { Button } from "@vertesia/ui/core";
export function EmptyCollection({ buttonLabel, title, children, onClick }) {
    return (_jsx("div", { className: "flex items-center justify-center h-full text-center", children: _jsxs("div", { className: "py-12", children: [_jsx("svg", { className: "mx-auto size-12", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true", children: _jsx("path", { vectorEffect: "non-scaling-stroke", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 13h6m-3-3v6m-9 1V7a2 2 0 012-2h6l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2z" }) }), _jsx("h3", { className: "mt-2 text-sm font-semibold", children: title }), _jsx("p", { className: "mt-1 text-sm text-muted", children: children }), _jsx("div", { className: "mt-6", children: _jsxs(Button, { onClick: onClick, children: [_jsx(Plus, { className: "-ml-0.5 mr-1.5 size-5", "aria-hidden": "true" }), buttonLabel] }) })] }) }));
}
//# sourceMappingURL=EmptyCollection.js.map