renamed folders

src/widgets/Navbar/NavLanguage/NavLanguage.scss

@@ -0,0 +1,36 @@
+.nav-language {
+  position: relative;
+  &__btn {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+  }
+
+  &__select {
+    min-width: 130px;
+    position: absolute;
+    top: 120%;
+  }
+
+  &__option,
+  &__option_active {
+    padding: 10px 14px;
+    width: 100%;
+    display: flex;
+    font-weight: 900;
+    justify-content: flex-start;
+    background-color: #fff;
+  }
+
+  &__option_active {
+    background-color: rgb(249, 250, 251);
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  &__option:last-child,
+  &__option_active:last-child {
+    border-bottom-left-radius: 10px;
+    border-bottom-right-radius: 10px;
+  }
+}

src/widgets/Navbar/NavLanguage/NavLanguage.tsx

@@ -0,0 +1,47 @@
+import "./NavLanguage.scss";
+import Image from "next/image";
+import { useState } from "react";
+import globus from "./icons/globus.svg";
+import chevron from "./icons/chevron-down.svg";
+import check from "./icons/check.svg";
+
+const NavLanguage = () => {
+  const [language, setLanguage] = useState<string>("ru");
+  const [openMenu, setOpenMenu] = useState<boolean>(false);
+  const LANGUAGES = [
+    { id: 1, language: "Русский", index: "ru" },
+    { id: 2, language: "Кыргызча", index: "kg" },
+    { id: 3, language: "English", index: "en" },
+  ];
+  return (
+    <div className="nav-language">
+      <button
+        onClick={() => setOpenMenu((prev) => !prev)}
+        className="nav-language__btn"
+      >
+        <Image src={globus} alt="globus icon" />
+        <Image src={chevron} alt="chevron icon" />
+      </button>
+      {openMenu && (
+        <div className="nav-language__select">
+          {LANGUAGES.map((lang) => (
+            <button
+              className={`nav-language__option${
+                language === lang.index ? "_active" : ""
+              }`}
+              onClick={() => setLanguage(lang.index)}
+              key={lang.id}
+            >
+              {lang.language}
+              {lang.index === language ? (
+                <Image src={check} alt="check icon" />
+              ) : null}
+            </button>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default NavLanguage;

src/widgets/Navbar/NavLanguage/icons/check.svg

@@ -0,0 +1,7 @@
+<svg width="15.007812" height="10.834961" viewBox="0 0 15.0078 10.835" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc>
+			Created with Pixso.
+	</desc>
+	<defs/>
+	<path id="Icon" d="M14.1699 0.835938L5.00391 10.0029L0.836914 5.83594" stroke="#3695D8" stroke-opacity="1.000000" stroke-width="1.666667" stroke-linejoin="round" stroke-linecap="round"/>
+</svg>

src/widgets/Navbar/NavLanguage/icons/chevron-down.svg

@@ -0,0 +1,14 @@
+<svg width="10.000000" height="6.000000" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc>
+			Created with Pixso.
+	</desc>
+	<defs>
+		<clipPath id="clip1290_49928">
+			<rect id="IMAGE" width="10.000000" height="6.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip1290_49928)">
+		<path id="Vector" d="M0.246094 1.47363C-0.0820312 1.13672 -0.0820312 0.589844 0.246094 0.25293C0.574219 -0.0839844 1.10645 -0.0839844 1.43457 0.25293L5.59375 4.52637C5.92285 4.86328 5.92285 5.41016 5.59375 5.74707C5.26562 6.08398 4.73438 6.08398 4.40527 5.74707L0.246094 1.47363Z" fill="#66727F" fill-opacity="1.000000" fill-rule="nonzero"/>
+		<path id="Vector" d="M8.56543 0.25293C8.89355 -0.0839844 9.4248 -0.0839844 9.75293 0.25293C10.082 0.589844 10.082 1.13672 9.75293 1.47363L5.59375 5.74707C5.26562 6.08398 4.7334 6.08398 4.40527 5.74707C4.07715 5.41016 4.07715 4.86328 4.40527 4.52637L8.56543 0.25293Z" fill="#66727F" fill-opacity="1.000000" fill-rule="nonzero"/>
+	</g>
+</svg>

src/widgets/Navbar/NavLanguage/icons/globus.svg

@@ -0,0 +1,16 @@
+<svg width="24.000000" height="24.000000" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc>
+			Created with Pixso.
+	</desc>
+	<defs>
+		<clipPath id="clip1290_49924">
+			<rect id="globe" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<rect id="globe" width="24.000000" height="24.000000" fill="#FFFFFF" fill-opacity="0"/>
+	<g clip-path="url(#clip1290_49924)">
+		<path id="Vector" d="M12 22C6.47705 22 2 17.5225 2 12C2 6.47754 6.47705 2 12 2C17.5229 2 22 6.47754 22 12C22 17.5225 17.5229 22 12 22Z" stroke="#66727F" stroke-opacity="1.000000" stroke-width="2.000000" stroke-linejoin="round"/>
+		<path id="Vector" d="M2 12L22 12" stroke="#66727F" stroke-opacity="1.000000" stroke-width="2.000000" stroke-linejoin="round" stroke-linecap="round"/>
+		<path id="Vector" d="M16 12C15.9229 15.708 14.5015 19.2617 12 22C9.49854 19.2617 8.07715 15.708 8 12C8.07715 8.29199 9.49854 4.73828 12 2C14.5015 4.73828 15.9229 8.29199 16 12Z" stroke="#66727F" stroke-opacity="1.000000" stroke-width="2.000000" stroke-linejoin="round"/>
+	</g>
+</svg>