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

export default function Loading() {
  return (
    <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 p-4" dir="rtl">
      {Array.from({ length: 6 }).map((_, idx) => (
        <Skeleton key={idx} variant="rounded" height={220} className="!rounded-lg" />
      ))}
    </div>
  );
}