import{j as e,r as t}from"./app-CO7JWeXn.js";import{s,S as c}from"./slidebar-pr21BlDz.js";const i=()=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",color:"black",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-6",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3.75 6.75h16.5M3.75 12h16.5M12 17.25h8.25"})}),g=()=>{const[r,l]=t.useState(!1),a=t.useRef(null);return t.useEffect(()=>{const o=()=>{const n=document.querySelector(`.${s.block}`);window.scrollY>300?n.classList.add(s.scrolled):n.classList.remove(s.scrolled)};return window.addEventListener("scroll",o),()=>{window.removeEventListener("scroll",o)}},[]),t.useEffect(()=>{const o=n=>{a.current&&!a.current.contains(n.target)&&l(!1)};return r?document.addEventListener("mousedown",o):document.removeEventListener("mousedown",o),()=>{document.removeEventListener("mousedown",o)}},[r]),e.jsxs("div",{className:s.fun,children:[e.jsxs("div",{className:s.block,children:[e.jsx("div",{className:s.logo,children:e.jsx("img",{src:"../assets/images/brand-logos/logo-dark.png",alt:"logo",className:"toggle-logo"})}),e.jsx("div",{className:s.sidebtbt,onClick:()=>{l(!r)},children:e.jsx(i,{})})]}),e.jsxs("div",{className:s.facker,children:[e.jsx("div",{className:s.logo,children:e.jsx("img",{src:"../assets/images/brand-logos/logo-dark.png",alt:"logo",className:"toggle-logo"})}),e.jsx("div",{className:s.sidebtbt,onClick:()=>{l(!r)},children:"sign in"})]}),e.jsx(c,{sideBar:r,setSideBar:l,ref:a})]})};export{g as default};