import {
Drawer,
DrawerContent,
DrawerHeader,
DrawerBody,
DrawerFooter,
Button,
useDisclosure,
Input,
Checkbox,
Link,
} from "@heroui/react";
export const MailIcon = (props) => {
return (
);
};
export const LockIcon = (props) => {
return (
);
};
export default function App() {
const {isOpen, onOpen, onOpenChange} = useDisclosure();
const [backdrop, setBackdrop] = React.useState("opaque");
const backdrops = ["opaque", "blur", "transparent"];
const handleBackdropChange = (backdrop) => {
setBackdrop(backdrop);
onOpen();
};
return (
<>
{backdrops.map((backdrop) => (
))}
{(onClose) => (
<>
Log in
}
label="Email"
placeholder="Enter your email"
variant="bordered"
/>
}
label="Password"
placeholder="Enter your password"
type="password"
variant="bordered"
/>
Remember me
Forgot password?
)}
);
}