import { Skeleton } from "@mui/material";

export default function Loading() {
  return (
    <div className="pt-[40px] sm:pt-[70px] md:pt-[100px] lg:pt-[136px] mt-[40px] padding-responsive">
      <div className="flex gap-6">
        <Skeleton variant="rounded" width={100} height={32} />
        <Skeleton variant="rounded" width={100} height={32} />
        <Skeleton variant="rounded" width={100} height={32} />
      </div>
      <div className="mt-[24px] sm:mt-[27px] md:mt-[30px] lg:mt-[32px] flex flex-col gap-4">
        <Skeleton variant="rounded" height={200} className="!rounded-lg" />
        <Skeleton variant="rounded" height={20} className="!w-full" />
        <Skeleton variant="rounded" height={20} width={300} />
      </div>
    </div>
  );
}
