'use client';
import { jsx as _jsx } from "react/jsx-runtime";
import { SidebarSkeletonItem } from './sidebar-skeleton-item.js';
export const SidebarSkeleton = () => {
    const skeletonItems = [
        { depth: 0, textWidth: 'w-32' },
        { depth: 1, textWidth: 'w-28' },
        { depth: 1, textWidth: 'w-36' },
        { depth: 2, textWidth: 'w-24' },
        { depth: 2, textWidth: 'w-30' },
        { depth: 0, textWidth: 'w-40' },
        { depth: 1, textWidth: 'w-26' },
        { depth: 1, textWidth: 'w-34' },
        { depth: 2, textWidth: 'w-22' },
        { depth: 0, textWidth: 'w-38' },
    ];
    return (_jsx("div", { className: "flex-1 overflow-hidden p-2", role: "status", "aria-label": "Loading sidebar content", children: _jsx("div", { className: "flex flex-col gap-2", children: skeletonItems.map((item, index) => (
            // it is ok to have the index, the elements are immutables
            // eslint-disable-next-line react/no-array-index-key
            _jsx(SidebarSkeletonItem, { depth: item.depth, textWidth: item.textWidth }, index))) }) }));
};
//# sourceMappingURL=sidebar-skeleton.js.map