import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { VTooltip } from "./shadcn/tooltip";
import { Info } from "lucide-react";
export function Panel({ children, action, title, description, footer, className }) {
    return (_jsxs("div", { className: `p-4 flex flex-col gap-2 rounded-sm border bg-card ${className}`, children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "font-semibold text-lg", children: title }), description && _jsx(VTooltip, { description: description, children: _jsx(Info, { className: "size-4 text-muted" }) })] }), action] }), children, footer &&
                _jsx("div", { className: "border-t border-muted flex flex-col-2 text-sm pt-4", children: footer })] }));
}
//# sourceMappingURL=Panel.js.map