---
import { useTranslations, type Lang } from '../i18n/ui';
const { lang = 'en' } = Astro.props as { lang?: Lang };
const t = useTranslations(lang);
---
{/* A two-state segmented switch, not a single icon. Both light and dark are always visible; the
active one is highlighted, so there is nothing to guess (a lone icon has to mean either the
current state or the action, and people can't tell which). Clicking a side pins that theme. */}