Updated

2025-02-26 20:58:52 +03:30
parent 8ef2560ecd
commit e4c4b9178d
1 changed files with 6 additions and 3 deletions
@@ -3,18 +3,21 @@
 // types
 type Props = {
    selectable?: boolean,
    selected?: boolean;
 }
 // props
-defineProps<Props>();
+withDefaults(defineProps<Props>(), {
    selectable: false
 });
 </script>
 <template>
    <div
-        class="size-[25px] rounded-full transition-all ring-2 ring-offset-4 shadow-black/30 shadow-inner"
+        class="size-[25px] rounded-full transition-all shadow-black/30 shadow-inner"
-        :class="selected ? 'ring-blue-500' : 'ring-transparent'"
+        :class="[selectable ? 'ring-2 ring-offset-4 ' : '', selected ? 'ring-blue-500' : 'ring-transparent']"
    />
 </template>