"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.SidebarFooter = exports.SidebarGroupTitle = exports.SidebarGroup = exports.SidebarContent = exports.SidebarHeader = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const utils_1 = require("../../../lib/utils");
const sidebar_provider_1 = require("./sidebar-provider");
const separator_1 = require("../separator");
const SidebarHeader = ({ className, collapsed, ...props }) => ((0, jsx_runtime_1.jsx)("div", { "data-slot": "sidebar-header", "data-collapsed": collapsed, className: (0, utils_1.cn)('bg-card flex w-full flex-col items-center p-4', collapsed && 'justify-center p-0', className), ...props }));
exports.SidebarHeader = SidebarHeader;
const SidebarContent = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { "data-slot": "sidebar-content", className: (0, utils_1.cn)('bg-card group flex flex-1 flex-col gap-4 overflow-hidden overflow-y-auto px-4 pt-4 transition-all duration-300 ease-in-out', 'group-data-[collapsed=true]/sidebar:items-center group-data-[collapsed=true]/sidebar:px-2', className), ...props }));
exports.SidebarContent = SidebarContent;
const SidebarGroup = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("nav", { "data-slot": "sidebar-group", className: (0, utils_1.cn)('flex flex-col gap-1', 'group-data-[collapsed=true]/sidebar:items-center', className), ...props }));
exports.SidebarGroup = SidebarGroup;
const SidebarGroupTitle = ({ children }) => {
    const { isCollapsed } = (0, sidebar_provider_1.useSidebar)();
    if (isCollapsed) {
        return (0, jsx_runtime_1.jsx)(separator_1.Separator, {});
    }
    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "sidebar-group-title", className: "my-2 px-2", children: (0, jsx_runtime_1.jsx)("p", { className: "text-body-text text-xs font-semibold tracking-[1.1px] uppercase", children: children }) }));
};
exports.SidebarGroupTitle = SidebarGroupTitle;
const SidebarFooter = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("nav", { "data-slot": "sidebar-footer", className: (0, utils_1.cn)('border-border bg-card flex w-full justify-center border-t p-4', className), ...props }));
exports.SidebarFooter = SidebarFooter;
