import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import clsx from 'clsx';
import { ChevronRight, Info } from 'lucide-react';
import { VTooltip } from '@vertesia/ui/core';
export function GenericPageNavHeader({ className, children, title, description, actions, breadcrumbs, isCompact = false }) {
    return (_jsxs("div", { className: clsx(isCompact ? 'pb-0' : 'pb-2', 'p-4 flex flex-col', className), children: [_jsxs("div", { className: 'flex items-start gap-4', children: [_jsxs("div", { className: "w-full flex place-content-between h-auto min-h-8 flex-col items-start", children: [_jsx("nav", { className: "flex-1 flex justify-start text-xs", children: breadcrumbs?.map((breadcrumb, index) => {
                                    return (_jsxs("div", { className: "flex items-center text-muted", children: [breadcrumb, index < breadcrumbs.length - 1 && _jsx(ChevronRight, { className: "w-3.5 h-3.5" })] }, index));
                                }) }), _jsxs("div", { className: 'flex gap-2 items-center', children: [_jsx("h1", { className: "text-xl font-semibold break-all", children: title }), description &&
                                        _jsx(VTooltip, { description: description, children: _jsx(Info, { className: "size-4 text-muted" }) })] })] }), _jsx("div", { className: "flex gap-x-2 shrink-0", children: actions })] }), children && _jsx("div", { className: "w-full flex items-center", children: children })] }));
}
//# sourceMappingURL=GenericPageNavHeader.js.map