// Responsive-ish grid: `cols` columns (1–6) with a gap (scale 0–8).
component Grid {
  props {
    cols = "2"
    gap = "4"
    class = ""
  }
  view {
    <div class="wire-grid wire-cols-{cols} wire-gap-{gap} {class}"><slot></slot></div>
  }
}