import { Skeleton } from '@scaleflex/ui/core';
import Styled from '../AssetsList.styled';
import StyledGridView from './GridView.styled';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var GridLayoutFilesSkeleton = function GridLayoutFilesSkeleton() {
  return /*#__PURE__*/_jsx(Styled.Accordion, {
    expanded: true,
    label: /*#__PURE__*/_jsx(Skeleton, {
      width: 200
    }),
    style: {
      marginTop: '12px'
    },
    detailStyle: {
      margin: '0px'
    },
    hideIcon: true,
    onContextMenu: function onContextMenu(e) {
      return e.stopPropagation();
    },
    children: /*#__PURE__*/_jsx("div", {
      className: "filerobot-Provider-ItemCategory-wrapper",
      children: /*#__PURE__*/_jsx(StyledGridView.SkeletonContainer, {
        children: Array(18).fill().map(function (_, index) {
          return /*#__PURE__*/_jsx(Styled.FileSectionItem, {
            children: /*#__PURE__*/_jsxs(Styled.FileSectionItemButton, {
              type: "button",
              className: "filerobot-u-reset",
              $loading: true,
              children: [/*#__PURE__*/_jsx(Styled.FileSkeleton, {
                bottom: "16%",
                width: 150
              }), /*#__PURE__*/_jsx(Styled.FileSkeleton, {
                bottom: "5%",
                width: 66
              })]
            })
          }, index);
        })
      })
    })
  });
};
export default GridLayoutFilesSkeleton;