"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.DashboardSidebarSkeleton = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const constants_1 = require("../DashboardSidebar/constants");
const Skeleton_1 = require("../Skeleton");
const classNames_1 = require("../utils/classNames");
const styles_1 = require("./styles");
const useLogic_1 = require("./useLogic");
const DashboardSidebarSkeleton = () => {
    const { isPinned } = (0, useLogic_1.useLogic)();
    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { "$isPinned": isPinned, className: (0, classNames_1.classNames)(constants_1.dashboardSidebarClassnames.root), children: [(0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { shapeSize: isPinned ? 'medium' : 'small', height: 40, variant: "rounded" }), (0, jsx_runtime_1.jsxs)(styles_1.ListWrapper, { "$isPinned": isPinned, children: [(0, jsx_runtime_1.jsxs)(styles_1.ItemWrapper, { children: [(0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { height: 20, width: 20, variant: "rounded", shapeSize: "small" }), (0, jsx_runtime_1.jsx)(styles_1.SkeletonDescription, { height: 14, width: 174, variant: "rounded", "$isPinned": isPinned })] }), (0, jsx_runtime_1.jsxs)(styles_1.ItemWrapper, { children: [(0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { height: 20, width: 20, variant: "rounded", shapeSize: "small" }), (0, jsx_runtime_1.jsx)(styles_1.SkeletonDescription, { height: 14, width: 174, variant: "rounded", "$isPinned": isPinned })] }), (0, jsx_runtime_1.jsxs)(styles_1.ItemWrapper, { children: [(0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { height: 20, width: 20, variant: "rounded", shapeSize: "small" }), (0, jsx_runtime_1.jsx)(styles_1.SkeletonDescription, { height: 14, width: 174, variant: "rounded", "$isPinned": isPinned })] }), isPinned && ((0, jsx_runtime_1.jsxs)(styles_1.ItemWrapper, { children: [(0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { height: 20, width: 20, variant: "rounded", shapeSize: "small" }), (0, jsx_runtime_1.jsx)(styles_1.SkeletonDescription, { height: 14, width: 174, variant: "rounded", "$isPinned": isPinned })] }))] })] }));
};
exports.DashboardSidebarSkeleton = DashboardSidebarSkeleton;
