import { jsx as _jsx } from "react/jsx-runtime";
import { useRef } from "react";
import { twMerge } from "tailwind-merge";
export function SidebarHeader({ className, ...props }) {
    return _jsx("div", { className: twMerge("shrink-0", className), ...props });
}
export function SidebarFooter({ className, ...props }) {
    return _jsx("div", { className: twMerge("shrink-0", className), ...props });
}
export function Sidebar({ maxWidth = "304px", minWidth = "80px", className, children, ...props }) {
    const ref = useRef(null);
    return (_jsx("div", { ...props, className: twMerge(`group flex h-full flex-col bg-slate-50`, className), ref: ref, style: {
            width: minWidth,
        }, children: children }));
}
//# sourceMappingURL=sidebar.js.map