import React from "react";
import { Skeleton } from "antd";

export default function CategoriesSkeleton() {
  return (
    <div className="flex justify-between flex-wrap">
      {[1, 2, 3, 4, 5].map((item: any) => (
        <div key={item} className="flex flex-col items-center justify-center m-2">
          <Skeleton.Avatar size={100} className="my-2" />
          <Skeleton.Input size="small" className="my-1" />
          <Skeleton.Input size="small" className="my-1" />
        </div>
      ))}
    </div>
  );
}