import { IconName } from "@scandic-hotels/design-system/Icons/iconName"

import HeaderLink from "../HeaderLink"

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?.link?.url || !linkData?.title) {
    return null
  }

  return (
    <HeaderLink
      href={linkData.link.url}
      iconName={linkData.icon || IconName.Gift}
      iconSize={iconSize}
    >
      {linkData.title}
    </HeaderLink>
  )
}
