weseek__growi/apps/app/src/client/components/ItemsTree/ItemsTreeContentSkeleton.tsx

import type { JSX } from 'react';

import { Skeleton } from '~/client/components/Skeleton';

import styles from './ItemsTreeContentSkeleton.module.scss';

const ItemsTreeContentSkeleton = (): JSX.Element => {
  return (
    <ul className="list-group py-3">
      <Skeleton additionalClass={`${styles['text-skeleton-level1']} pe-3`} />
      <Skeleton additionalClass={`${styles['text-skeleton-level2']} pe-3`} />
      <Skeleton additionalClass={`${styles['text-skeleton-level2']} pe-3`} />
    </ul>
  );
};

export default ItemsTreeContentSkeleton;