7fb95f436b
feat(BOOK-522): align items in topmenu, header and booking widget * feat(BOOK-522): align items in topmenu, header and booking widget * Delete old css variable and use new * Fixed underline on icons Approved-by: Erik Tiekstra
30 lines
679 B
TypeScript
30 lines
679 B
TypeScript
import { IconName } from "@scandic-hotels/design-system/Icons/iconName"
|
|
|
|
import HeaderLink from "../HeaderLink"
|
|
|
|
import styles from "./topLink.module.css"
|
|
|
|
import type { TopLinkProps } from "@/types/components/header/topLink"
|
|
|
|
export default function TopLink({
|
|
isLoggedIn,
|
|
topLink,
|
|
iconSize = 16,
|
|
}: TopLinkProps) {
|
|
const linkData = isLoggedIn ? topLink.logged_in : topLink.logged_out
|
|
|
|
if (!linkData?.url || !linkData?.title) {
|
|
return null
|
|
}
|
|
|
|
return (
|
|
<HeaderLink
|
|
href={linkData.url}
|
|
iconName={linkData.icon || IconName.Gift}
|
|
iconSize={iconSize}
|
|
>
|
|
<span className={styles.topLink}>{linkData.title}</span>
|
|
</HeaderLink>
|
|
)
|
|
}
|