{% comment %}
Radio component with multiple variants:
- default: Basic radio with label
- pill: Pill-style radio
- card: Card-style radio
- button: Button-style radio
Supports automatic label/description clicking and card interactions via CSS :has() pseudo-class
Use the 'id' and 'name' attributes to group radios and provide unique identifiers
{% endcomment %}
{% if variant == "default" %}
{% elif variant == "pill" %}
{% elif variant == "card" %}
{% elif variant == "button" %}
{% endif %}