'use client';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { cn } from '../../../../scalars/lib/index.js';
export const SidebarSkeletonItem = ({ depth, textWidth, style }) => {
    const paddingLeft = depth * 24;
    return (_jsx("div", { style: style, className: "flex items-center px-2", children: _jsxs("div", { className: "flex h-8 w-full items-center gap-2 px-2 py-1", style: { paddingLeft: paddingLeft + 8 }, children: [_jsx("div", { className: "min-w-4 w-4 h-4 flex items-center justify-center", children: _jsx("div", { className: "min-w-4 w-4 h-4 rounded bg-gray-200 dark:bg-gray-600 animate-pulse" }) }), _jsx("div", { className: cn('h-4 rounded-sm bg-gray-200 dark:bg-gray-600 animate-pulse', textWidth) })] }) }));
};
//# sourceMappingURL=sidebar-skeleton-item.js.map