'use client';
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.SidebarRoot = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const class_variance_authority_1 = require("class-variance-authority");
const sidebar_provider_1 = require("./sidebar-provider");
const utils_1 = require("../../../lib/utils");
const sidebarVariants = (0, class_variance_authority_1.cva)('group/sidebar shadow-sidebar relative flex flex-col transition-[width] duration-300 ease-in-out', {
    variants: {
        collapsed: {
            true: 'w-[72px]',
            false: 'w-[244px]'
        }
    },
    defaultVariants: {
        collapsed: false
    }
});
const SidebarRoot = ({ className, ...props }) => {
    const { isCollapsed } = (0, sidebar_provider_1.useSidebar)();
    return ((0, jsx_runtime_1.jsx)("nav", { "data-slot": "sidebar-root", className: (0, utils_1.cn)(sidebarVariants({ collapsed: isCollapsed }), className), "data-collapsed": isCollapsed, ...props }));
};
exports.SidebarRoot = SidebarRoot;
