component-radio-button.liquid

{%  comment %}
  Props:
  - isSelected: Boolean indicating if the radio button is selected
{% endcomment %}
<div
  class='w-6 h-6 rounded-full border-2 flex items-center justify-center'
  :class="isSelected ? 'border-[#B73253]' : 'border-gray-400'"
>
  <div
    class='w-4 h-4 rounded-full'
    :class="isSelected ? 'bg-[#B73253]' : 'bg-transparent'"
  ></div>
</div>

parent.liquid

<div x-data="{ get isSelected() { return selectedPlan === 'one-time' } }">
 {% render 'component-radio-button' %}
</div>