<div class="checkbox-area">
  <label class="inline-flex items-center cursor-pointer">
    <input type="checkbox" class="hidden" name="checkbox" checked="checked" />
    <span
      class="h-4 w-4 border flex-none border-slate-100 dark:border-slate-800 rounded inline-flex ltr:mr-3 rtl:ml-3 relative
       transition-all duration-150 bg-slate-100 dark:bg-slate-900"
    >
      <img
        src="assets/images/icon/ck-white.svg"
        alt=""
        class="h-[10px] w-[10px] block m-auto opacity-0"
    /></span>
    <span class="text-slate-500 dark:text-slate-400 text-sm leading-6"
      >Checked</span
    >
  </label>
</div>