From 30594484fba41a7b1742b1883d00c97ff0750ca6 Mon Sep 17 00:00:00 2001
From: zojgame <zogame002@gmail.com>
Date: Thu, 4 Jul 2024 19:48:42 +0500
Subject: [PATCH] option starts

---
 .../modals/mobile/WingFloorModal.tsx          | 41 ++++++++++++++++++-
 1 file changed, 39 insertions(+), 2 deletions(-)

diff --git a/client/src/components/modals/mobile/WingFloorModal.tsx b/client/src/components/modals/mobile/WingFloorModal.tsx
index 76ff86c..44a4df6 100644
--- a/client/src/components/modals/mobile/WingFloorModal.tsx
+++ b/client/src/components/modals/mobile/WingFloorModal.tsx
@@ -14,6 +14,7 @@ import WestWingTopLevelsHighlighting from "../../complexWingPage/FloorSidebar/We
 import WestWingTopLevelsLayout from "../../complexWingPage/FloorSidebar/WestWingTopLevelsLayout";
 import { filterCurrentApartment } from "../../../calc/filterCurrentApartment";
 import MobileApartmentDescription from "../../complexWingPage/MobileApartmentDescription";
+import ChevronDownIcon from "../../icons/ChevronDownIcon";
 
 const getDefaultApartments = (currentFloor: IDesctiptionFloor | null) => {
   if (!currentFloor) return [];
@@ -182,9 +183,10 @@ const WingFloorModal = ({
           </div>
           <div className="pt-6 flex justify-between items-center">
             <div className="flex flex-col">
-              <h2 className="font-semibold text-[#0D1922] text-subheadline-m">
+              <TransparentSelector />
+              {/* <h2 className="font-semibold text-[#0D1922] text-subheadline-m">
                 {currentFloor?.floor} floor
-              </h2>
+              </h2> */}
               <p className="text-s">{wing}</p>
             </div>
             <div className="py-[8.44px] px-2 text-white bg-[#00BED7] rounded-full text-caption-m">
@@ -272,5 +274,40 @@ const WingFloorModal = ({
     </>
   );
 };
+interface IOption {
+  id: string;
+  value: string;
+  isSelected: boolean;
+}
+
+interface TransparentSelectorProps {
+  options: IOption;
+  setOptions: React.Dispatch<React.SetStateAction<IOption[]>>;
+}
+
+const TransparentSelector = ({
+  options,
+  setOptions,
+}: TransparentSelectorProps) => {
+  const [isOpened, setIsOpened] = useState(false);
+  const handleOnClick = () => {
+    setIsOpened((prev) => !prev);
+  };
+
+  return (
+    <>
+      <div
+        className="text-[#00BED7] text-[38.4px] flex gap-[19.2px] items-center justify-center cursor-pointer select-none"
+        onClick={handleOnClick}
+      >
+        <p>11 floor</p>
+        <div className="zoom-280">
+          <ChevronDownIcon />
+        </div>
+      </div>
+      {isOpened && <div className="flex flex-col"></div>}
+    </>
+  );
+};
 
 export default WingFloorModal;