import { Grid } from '@/components/Grid'
import { ShopArchiveShell } from '@/components/shop/ShopArchiveShell'
import { shopProductGridClassName } from '@/components/shop/shopProductGridClasses'
import React from 'react'

export default function Loading() {
  return (
    <article className="pt-16 pb-24">
      <ShopArchiveShell>
        <Grid className={shopProductGridClassName}>
          {Array(12)
            .fill(0)
            .map((_, index) => {
              return (
                <div className="animate-pulse bg-neutral-100 dark:bg-neutral-900" key={index} />
              )
            })}
        </Grid>
      </ShopArchiveShell>
    </article>
  )
}