┌─ ASTRO ───────────────────────────────────────────────────────────────────[ COPY ]─┐
│ ---                                                                                │
│ import type { Props } from "./Checkbox";                                           │
│ import "./Checkbox.scss";                                                          │
│                                                                                    │
│ const { label, name, checked = false, disabled = false } = Astro.props as Props;   │
│ ---                                                                                │
│ <label class="checkbox"><input type="checkbox" name={name} checked={checked} disab │
│ led={disabled} /><span class="checkbox-mark" aria-hidden="true"></span>{" " + labe │
│ l}</label>                                                                         │
└────────────────────────────────────────────────────────────────────────────────────┘

┌─ ASTRO ─────────────────────────────[ COPY ]─┐
│ ---                                          │
│ import type { Props } from "./Checkbox";     │
│ import "./Checkbox.scss";                    │
│                                              │
│ const { label, name, checked = false, disabl │
│ ed = false } = Astro.props as Props;         │
│ ---                                          │
│ <label class="checkbox"><input type="checkbo │
│ x" name={name} checked={checked} disabled={d │
│ isabled} /><span class="checkbox-mark" aria- │
│ hidden="true"></span>{" " + label}</label>   │
└──────────────────────────────────────────────┘