'use client'

import Link from 'next/link'
import { type ComponentProps, type PropsWithChildren } from 'react'

import { variants } from './variants'

import type { VariantProps } from 'class-variance-authority'

export interface ButtonLinkProps
  extends PropsWithChildren,
    Omit<ComponentProps<typeof Link>, 'color'>,
    VariantProps<typeof variants> {}

export default function ButtonLink({
  variant,
  color,
  size,
  typography,
  wrapping,
  className,
  href,
  target,
  onClick = () => {},
  ...props
}: ButtonLinkProps) {
  const classNames = variants({
    variant,
    color,
    size,
    wrapping,
    typography,
    className,
  })

  return (
    <Link
      className={classNames}
      href={href}
      target={target}
      onClick={onClick}
      {...props}
    />
  )
}