Gap Pixel Grid

import { GapPixelGrid, GapPixelCell } from "@sigil-ui/components";

<GapPixelGrid columns={{ md: 3 }} className="w-full">
    {[
      ["01", "Tokens"],
      ["02", "Presets"],
      ["03", "Components"],
    ].map(([index, label]) => (
      <GapPixelCell key={index} className="p-[var(--s-space-6)]"><span className="font-mono text-xs text-[var(--s-text-muted)]">{index}</span><p className="mt-3 font-medium text-[var(--s-text)]">{label}</p></GapPixelCell>
    ))}
  </GapPixelGrid>