changes UI

resources/js/Components/PersonInfo/EmailCreateForm.vue

@@ -14,7 +14,7 @@ import {
   FormMessage,
 } from "@/Components/ui/form";
 import { Input } from "@/Components/ui/input";
-import { Checkbox } from "@/Components/ui/checkbox";
+import { Switch } from "@/Components/ui/switch";
 
 const props = defineProps({
   show: { type: Boolean, default: false },
@@ -216,9 +216,9 @@ const onConfirm = () => {
         >
           <FormItem class="flex flex-row items-start space-x-3 space-y-0">
             <FormControl>
-              <Checkbox
-                :checked="value"
-                @update:checked="handleChange"
+              <Switch
+                :model-value="value"
+                @update:model-value="handleChange"
               />
             </FormControl>
             <div class="space-y-1 leading-none">