import { NavLink } from '../../ui/NavLink';

export function Navbar() {
  return (
    <nav className="flex items-stretch justify-between text-[#ffffff] desktop:text-lg tablet:text-base font-semibold border-b border-[#3D425C] desktop:pl-10 t mobile:pl-4">
      <div className="flex w-[104px] justify-between items-center mobile:py-3">
        <img src="src/assets/logo.svg" alt="" />
        <img
          src="src/assets/text_logo.svg"
          alt=""
          className="desktop:block mobile:hidden"
        />
      </div>
      <div className="items-stretch flex">
        <NavLink text="Типы тренажеров" route="/" />
        <NavLink text="Варианты комплектации" route="/" />
        <NavLink text="Проекты" route="/" />
        <NavLink text="События" route="/" />
        <button className="text-lg bg-gradient-to-r from-[#798FFF] to-[#D375FF] border-x border-[#3D425C] tablet:block mobile:hidden py-[30px] px-10">
          Оставить заявку
        </button>
        <button className="p-6 gap-x-1 items-center desktop:flex mobile:hidden">
          <span>RU</span>
          <img src="src/assets/arrow_down.svg" alt="" />
        </button>
        <button className="px-6 py-5 min-[1350px]:hidden mobile:block border-l border-[#3D425C]">
          <img src="src/assets/burger.svg" alt="" />
        </button>
      </div>
    </nav>
  );
}
