···

       
231
       
231
       
 
       
      <Modal open={openDialog()} onClose={() => setOpenDialog(false)} closeOnClick={false}>

     

       
232
       
232
       
 
       
        <div class="dark:bg-dark-300 dark:shadow-dark-800 absolute top-16 left-[50%] w-screen -translate-x-1/2 rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-4 shadow-md transition-opacity duration-200 sm:w-xl lg:w-[48rem] dark:border-neutral-700 starting:opacity-0">

     

       
233
       
233
       
 
       
          <div class="mb-2 flex w-full justify-between">

     

       
234
       
234
       
-
       
            <div class="flex items-center gap-1 font-semibold">

     

       
235
       
235
       
-
       
              <span

     

       
236
       
236
       
-
       
                class={`iconify ${props.create ? "lucide--square-pen" : "lucide--pencil"}`}

     

       
237
       
237
       
-
       
              ></span>

     

       
234
       
234
       
+
       
            <div class="font-semibold">

     

       
238
       
235
       
 
       
              <span>{props.create ? "Creating" : "Editing"} record</span>

     

       
239
       
236
       
 
       
            </div>

     

       
240
       
237
       
 
       
            <button