Dropdown.tsx in kaze-0.14.0

- old
+ new

@@ -1,6 +1,6 @@
-import { useState, createContext, useContext, Fragment, PropsWithChildren, Dispatch, SetStateAction } from 'react'
+import { useState, createContext, useContext, PropsWithChildren, Dispatch, SetStateAction } from 'react'
 import { Link, InertiaLinkProps } from '@inertiajs/react'
 import { Transition } from '@headlessui/react'
 
 const DropDownContext = createContext<{
   open: boolean
@@ -41,15 +41,11 @@
 const Content = ({
   align = 'right',
   width = '48',
   contentClasses = 'py-1 bg-white dark:bg-gray-700',
   children,
-}: PropsWithChildren<{
-  align?: 'left' | 'right'
-  width?: '48'
-  contentClasses?: string
-}>) => {
+}: PropsWithChildren<{ align?: 'left' | 'right'; width?: '48'; contentClasses?: string }>) => {
   const { open, setOpen } = useContext(DropDownContext)
 
   let alignmentClasses = 'origin-top'
 
   if (align === 'left') {
@@ -65,10 +61,9 @@
   }
 
   return (
     <>
       <Transition
-        as={Fragment}
         show={open}
         enter="transition ease-out duration-200"
         enterFrom="opacity-0 scale-95"
         enterTo="opacity-100 scale-100"
         leave="transition ease-in duration-75"