┌─ ASTRO ───────────────────────────────────────────────────────────────────[ COPY ]─┐
│ ---                                                                                │
│ import { STATUS_TAG, type Props } from "./Status";                                 │
│ import "./Status.scss";                                                            │
│                                                                                    │
│ const { message, variant = "ok" } = Astro.props as Props;                          │
│ ---                                                                                │
│ <span class:list={["status", `status-${variant}`]} role="status">{STATUS_TAG[varia │
│ nt]}{" " + message}</span>                                                         │
└────────────────────────────────────────────────────────────────────────────────────┘

┌─ ASTRO ─────────────────────────────[ COPY ]─┐
│ ---                                          │
│ import { STATUS_TAG, type Props } from "./St │
│ atus";                                       │
│ import "./Status.scss";                      │
│                                              │
│ const { message, variant = "ok" } = Astro.pr │
│ ops as Props;                                │
│ ---                                          │
│ <span class:list={["status", `status-${varia │
│ nt}`]} role="status">{STATUS_TAG[variant]}{" │
│  " + message}</span>                         │
└──────────────────────────────────────────────┘