chore: cleanup

components/Header/TopMenu/Search/index.tsx

@@ -1,18 +0,0 @@
-"use client"
-
-import { useIntl } from "react-intl"
-
-import { SearchIcon } from "@/components/Icons"
-
-import styles from "./search.module.css"
-
-export default function Search() {
-  const intl = useIntl()
-
-  return (
-    <button type="button" className={styles.button}>
-      <SearchIcon width={20} height={20} color="burgundy" />
-      {intl.formatMessage({ id: "Find booking" })}
-    </button>
-  )
-}

components/Header/TopMenu/Search/search.module.css

@@ -1,20 +0,0 @@
-.button {
-  background-color: transparent;
-  color: var(--Base-Text-High-contrast);
-  font-family: var(--typography-Caption-Regular-fontFamily);
-  font-size: var(--typography-Caption-Regular-fontSize);
-  border-width: 0;
-  padding: 0;
-  cursor: pointer;
-  display: flex;
-  gap: var(--Spacing-x1);
-  align-items: center;
-  width: 100%;
-}
-
-@media screen and (min-width: 768px) {
-  .button {
-    font-size: var(--typography-Body-Bold-fontSize);
-    font-family: var(--typography-Body-Bold-fontFamily);
-  }
-}

components/Header/TopMenu/index.tsx

@@ -6,7 +6,7 @@ import HeaderLink from "../HeaderLink"
 
 import styles from "./topMenu.module.css"
 
-import { TopMenuProps } from "@/types/components/header/topMenu"
+import type { TopMenuProps } from "@/types/components/header/topMenu"
 
 export default async function TopMenu({ languageUrls }: TopMenuProps) {
   const intl = await getIntl()
@@ -19,7 +19,7 @@ export default async function TopMenu({ languageUrls }: TopMenuProps) {
           {intl.formatMessage({ id: "Join Scandic Friends" })}
         </HeaderLink>
         <div className={styles.right}>
-          <LanguageSwitcher variant="desktopHeader" urls={languageUrls} />
+          <LanguageSwitcher type="desktopHeader" urls={languageUrls} />
           <HeaderLink href="#">
             <SearchIcon width={20} height={20} color="burgundy" />
             {intl.formatMessage({ id: "Find booking" })}