import CrushLevelDrawer from "./CrushLevelDrawer";
import SendGiftsDrawer from "./SendGiftsDrawer";
import CrushLevelRetrieveDrawer from "./CrushLevelRetrieveDrawer";
import ChatProfileDrawer from "./ChatProfileDrawer";
import { DrawerLayerContext } from "./InlineDrawer";
import { useContext } from "react";
import { cn } from "@/lib/utils";
import ChatProfileEditDrawer from "./ChatProfileEditDrawer";
import ChatModelDrawer from "./ChatModelDrawer";
import ChatButtleDrawer from "./ChatButtleDrawer";
import ChatBackgroundDrawer from "./ChatBackgroundDrawer";

const ChatDrawers = () => {
  const { openOrder } = useContext(DrawerLayerContext);


  return (
    <div className={cn("w-[400px]", openOrder.length === 0 && "hidden")}>
      <SendGiftsDrawer />
      <CrushLevelDrawer />
      <CrushLevelRetrieveDrawer />  
      <ChatProfileDrawer />
      <ChatProfileEditDrawer />
      <ChatModelDrawer />
      <ChatButtleDrawer />
      <ChatBackgroundDrawer />
    </div>
  );
}
 
export default ChatDrawers;