Popover

import { Button, Popover } from '@i4o/catalystui'
 
export default () => {
	return (
		<Popover
			close={true}
			title='Edit Profile'
			trigger={<Button>Click Me</Button>}
			placement='bottom'
		>
			<>
				<div className='grid grid-cols-5 gap-4 mt-4'>
					<label className='flex items-center text-sm font-semibold col-span-1'>
						Name
					</label>
					<input
						type='text'
						className='h-8 bg-transparent rounded-lg border border-gray-200 dark:border-gray-700 col-span-4'
					/>
					<label className='flex items-center text-sm font-semibold col-span-1'>
						Email
					</label>
					<input
						type='text'
						className='h-8 bg-transparent rounded-lg border border-gray-200 dark:border-gray-700 col-span-4'
					/>
				</div>
			</>
		</Popover>
	)
}