20 lines
530 B
JavaScript
20 lines
530 B
JavaScript
import React from "react";
|
|
|
|
const ProductCardSkeleton = () => {
|
|
return (
|
|
<div className="bg-white rounded-2xl shadow-sm overflow-hidden animate-pulse">
|
|
{/* Image */}
|
|
<div className="h-56 bg-gray-200" />
|
|
|
|
{/* Content */}
|
|
<div className="p-4 space-y-3">
|
|
<div className="h-4 bg-gray-200 rounded w-3/4" />
|
|
<div className="h-4 bg-gray-200 rounded w-1/2" />
|
|
<div className="h-5 bg-gray-300 rounded w-1/3 mt-2" />
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default ProductCardSkeleton;
|