commerce/components/layout/search/placeholder.tsx
Chloe ca37984cff
fix: update layout for PLP
Signed-off-by: Chloe <pinkcloudvnn@gmail.com>
2024-06-12 17:10:58 +07:00

12 lines
332 B
TypeScript

const ProductsGridPlaceholder = () => {
return (
<section className="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3">
{Array.from({ length: 9 }).map((_, index) => (
<div key={index} className="h-96 w-full rounded-lg bg-gray-200" />
))}
</section>
);
};
export default ProductsGridPlaceholder;