import Link from "next/link"

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

import Caption from "@/components/TempDesignSystem/Text/Caption"

import styles from "./chip.module.css"

import type { LinkChipProps } from "./chip"

export default function LinkChip({ url, title }: LinkChipProps) {
  return (
    <Caption type="bold" color="burgundy" asChild>
      <Link href={url} className={styles.linkChip}>
        {title}
        <MaterialIcon icon="chevron_right" size={20} color="CurrentColor" />
      </Link>
    </Caption>
  )
}