master @ 12 LINES
[ HISTORY ] [ UP ]
┌─ ASTRO ────────────────────────────────────────────────────────────────────┐
│ --- │
│ import Frame from "../Frame/Frame.astro"; │
│ import { buildBanner, BANNER_LABEL, type Props } from "./Banner"; │
│ import "./Banner.scss"; │
│ │
│ const { variant = "notice", message } = Astro.props as Props; │
│ --- │
│ <div class="banner" role={variant === "notice" ? "note" : "alert"}> │
│ <Frame class={`banner-frame banner-${variant}`} build={(w) => buildBanner(varian │
│ t, message, w)} /> │
│ <span class="sr-only">{BANNER_LABEL[variant]}: {message}</span> │
│ </div> │
└────────────────────────────────────────────────────────────────────────────────────┘
┌─ ASTRO ──────────────────────────────┐
│ --- │
│ import Frame from "../Frame/Frame.astro"; │
│ import { buildBanner, BANNER_LABEL, type Pro │
│ ps } from "./Banner"; │
│ import "./Banner.scss"; │
│ │
│ const { variant = "notice", message } = Astr │
│ o.props as Props; │
│ --- │
│ <div class="banner" role={variant === "notic │
│ e" ? "note" : "alert"}> │
│ <Frame class={`banner-frame banner-${varia │
│ nt}`} build={(w) => buildBanner(variant, mes │
│ sage, w)} /> │
│ <span class="sr-only">{BANNER_LABEL[varian │
│ t]}: {message}</span> │
│ </div> │
└──────────────────────────────────────────────┘
──────────────────────────────────────────────────────────────────────────────────────
OOKNET
────────────────────────────────────────────────
OOKNET