import { Skeleton } from '@scaleflex/ui/core';
import Styled from './ActivityTab.styled';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
import { Fragment as _Fragment } from "react/jsx-runtime";
var ActivityTabSkeleton = function ActivityTabSkeleton() {
  var ActivitySkeleton = function ActivitySkeleton() {
    return /*#__PURE__*/_jsxs(Styled.ActivityWrapper, {
      children: [/*#__PURE__*/_jsx(Skeleton, {
        width: 100,
        height: 16
      }), /*#__PURE__*/_jsxs(Styled.Activity, {
        children: [/*#__PURE__*/_jsx(Styled.AvatarSkeleton, {}), /*#__PURE__*/_jsxs(Styled.ActivityDetails, {
          children: [/*#__PURE__*/_jsx(Skeleton, {
            width: 100,
            height: 18
          }), /*#__PURE__*/_jsx(Styled.ActivityDescription, {
            children: /*#__PURE__*/_jsx(Skeleton, {
              width: 215,
              height: 17
            })
          })]
        })]
      })]
    });
  };
  return /*#__PURE__*/_jsxs(_Fragment, {
    children: [/*#__PURE__*/_jsx(Styled.YearSkeleton, {
      width: 120,
      height: 24
    }), Array(5).fill().map(function (_, index) {
      return /*#__PURE__*/_jsx(ActivitySkeleton, {}, index);
    })]
  });
};
export default ActivityTabSkeleton;