import {Heart} from 'lucide-react'

import {IconButton} from '../atoms/icon-button'

export function FavoriteButton({
  onClick,
  filled = false,
}: {
  onClick?: () => void
  filled?: boolean
}) {
  return (
    <IconButton
      Icon={Heart}
      filled={filled}
      onClick={onClick}
      buttonStyles={
        filled ? 'bg-primary' : 'bg-button-overlay/30 backdrop-blur-sm'
      }
    />
  )
}
