import { Typography } from '../Typography'

import styles from './chip-link.module.css'

import type { PropsWithChildren } from 'react'

export function ChipLink({
  children,
  className,
  ...props
}: PropsWithChildren<React.AnchorHTMLAttributes<HTMLAnchorElement>>) {
  return (
    <Typography variant="Body/Supporting text (caption)/smBold">
      <a {...props} className={[styles.chip, className].join(' ')}>
        {children}
      </a>
    </Typography>
  )
}