<div class="basicRadio">
  <label class="flex items-center cursor-pointer">
    <input
      type="radio"
      class="hidden"
      name="basicradios"
      value="secondary-500"
      checked="checked"
    />
    <span
      class="flex-none bg-white dark:bg-slate-500 rounded-full border inline-flex ltr:mr-2 rtl:ml-2 relative transition-all
      duration-150 h-[16px] w-[16px] border-slate-400 dark:border-slate-600 dark:ring-slate-700"
    ></span>
    <span class="text-secondary-500 text-sm leading-6 capitalize">Checked</span>
  </label>
</div>