import type { MouseEventHandler } from 'react'
import { Link } from 'react-router'

type TGetPremiumAttribute = {
  isPremium?: boolean
  slug: string
  onClick: MouseEventHandler<HTMLElement>
}

export const getPremiumAttribute = (parameters: TGetPremiumAttribute) => {
  const { isPremium, slug, onClick } = parameters
  if (isPremium) {
    return {
      onClick,
      to: '',
    }
  }

  return {
    as: Link,
    to: `/detail/${slug}`,
  }
}