master @ 20 LINES
[ HISTORY ] [ UP ]
┌─ ASTRO ────────────────────────────────────────────────────────────────────┐
│ --- │
│ import "./Table.scss"; │
│ │
│ interface Props { │
│ mode?: "status" | "leaderboard" | "players" | "accounts" | "best-runs"; │
│ class?: string; │
│ } │
│ │
│ const { mode = "status", class: className = "" } = Astro.props; │
│ --- │
│ │
│ <div class={`table-container ${className}`.trim()} data-mode={mode}> │
│ <div class="table-header"> │
│ <slot name="header" /> │
│ </div> │
│ <div class="table-body"> │
│ <slot /> │
│ </div> │
│ </div> │
└────────────────────────────────────────────────────────────────────────────────────┘
┌─ ASTRO ──────────────────────────────┐
│ --- │
│ import "./Table.scss"; │
│ │
│ interface Props { │
│ mode?: "status" | "leaderboard" | "players │
│ " | "accounts" | "best-runs"; │
│ class?: string; │
│ } │
│ │
│ const { mode = "status", class: className = │
│ "" } = Astro.props; │
│ --- │
│ │
│ <div class={`table-container ${className}`.t │
│ rim()} data-mode={mode}> │
│ <div class="table-header"> │
│ <slot name="header" /> │
│ </div> │
│ <div class="table-body"> │
│ <slot /> │
│ </div> │
│ </div> │
└──────────────────────────────────────────────┘
──────────────────────────────────────────────────────────────────────────────────────
OOKNET
────────────────────────────────────────────────
OOKNET