#Having two drawer

2 messages · Page 1 of 1 (latest)

serene ore
#

export const Show = () => {
const [opened, { open, close }] = useDisclosure(false);
return (
<div className="flex ">
<div className="absolute w-[100%] m-auto rounded-lg">
<Drawer
opened={opened}
onClose={close}
// title="Authentication"
// className="rounded-l"
position="bottom"
styles={{
content: {
position: "absolute",
display: "block",
margin: "auto",
width: "50%",
height: "40rem",
maxWidth: "600px",
left: "40rem",
bottom: 60,
borderRadius: '10px'

        },            
      }}
    >
      <Chat/>
    </Drawer>
  </div>
#

<div className="absolute w-[100%] m-auto rounded-lg">
<Drawer
opened={opened}
onClose={close}
// title="Authentication"
// className="rounded-l"
position="bottom"
styles={{
content: {
position: "absolute",
display: "block",
margin: "auto",
width: "50%",
height: "40rem",
maxWidth: "600px",
left: "40rem",
bottom: 60,
borderRadius: '10px'

        },            
      }}
    >
      {/* Another component will be display here */}
    </Drawer>
  </div>

  <Button onClick={open} variant="transparent">
    <SiWindows11 size={30} className="cursor-pointer text-[#1c99ec]" />
  </Button>
  <Button onClick={open} variant="transparent">
   <Image src={copilot} alt="copilot_icon"/>
  </Button>
</div>

);
};