import { Skeleton } from '@scaleflex/ui/core';
import Styled from './LabelsTree.styled';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var LabelsTreeSkeleton = function LabelsTreeSkeleton() {
  return /*#__PURE__*/_jsx(Styled.LabelsWrapper, {
    children: Array(10).fill().map(function (_, index) {
      return /*#__PURE__*/_jsxs(Styled.LabelItem, {
        children: [/*#__PURE__*/_jsx(Styled.LabelItemIcon, {
          children: /*#__PURE__*/_jsx(Skeleton, {
            width: 14
          })
        }), /*#__PURE__*/_jsx(Styled.LabelItemLabel, {
          children: /*#__PURE__*/_jsx(Skeleton, {
            width: 220
          })
        })]
      }, index);
    })
  });
};
export default LabelsTreeSkeleton;