import Link from "next/link"

import { ChevronRightSmallIcon } from "@/components/Icons"
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}
        <ChevronRightSmallIcon color="burgundy" width={20} height={20} />
      </Link>
    </Caption>
  )
}