Drawer

import { useState } from 'react'
import { Button, Drawer } from '@creo-team/buzz-ui/client'

export default function Example() {
	const [open, setOpen] = useState(false)

	return (
		<>
			<Button onClick={() => setOpen(true)}>
				Open Drawer
			</Button>
			
			<Drawer
				open={open}
				onOpenChange={setOpen}
				side="right"
				size="md"
				title="Drawer Title"
				description="This is a drawer description"
			>
				<div className="space-y-4">
					<p>Drawer content goes here.</p>
					<Button onClick={() => setOpen(false)}>
						Close Drawer
					</Button>
				</div>
			</Drawer>
		</>
	)
}