<script lang="ts">
/**
 * A decorative glyph paired with a screen-reader-only text label — the
 * non-color accessibility cue used across timeline cards (e.g. the ✉ on a
 * letter title or letter-count). The glyph is `aria-hidden`; the label carries
 * the meaning for assistive tech.
 */
let { glyph, label }: { glyph: string; label: string } = $props();
</script>

<span aria-hidden="true">{glyph}</span>
<span class="sr-only">{label}</span>
