20 lines
540 B
TypeScript
20 lines
540 B
TypeScript
import { Skeleton } from "@/shared/libs/shadcn/ui/skeleton";
|
|
|
|
const RecommendationSkeleton = () => {
|
|
const skeletonLenght = 6;
|
|
|
|
return (
|
|
<div className="flex gap-2 w-full overflow-hidden mt-4">
|
|
{[...Array(skeletonLenght)].map((_, index) => (
|
|
<div tabIndex={index}>
|
|
<Skeleton className="h-88 w-64" />
|
|
<Skeleton className="mt-3 h-6 w-64 rounded-full" />
|
|
<Skeleton className="mt-1 h-4 w-12 rounded-full" />
|
|
</div>
|
|
))}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default RecommendationSkeleton;
|