import { IProductCard } from './ProductCard.interface'
import React from 'react'
import { StyledProductCard } from './ProductCard.theme'
import Button from '@/components/atoms/Button'
import Icon from '@/components/atoms/Icon'

const ProductCard = ({
  imageElement,
  name,
  linkElement,
  wishlistButton
}: IProductCard) => {
  return (
    <StyledProductCard>
      {imageElement}
      <div className="absolute">
        <div className="wishlist">
          <div>
            {wishlistButton && wishlistButton}
          </div>
        </div>
        <p className="name">{name}</p>
      </div>
      {linkElement && linkElement}
    </StyledProductCard>
  )
}

export default ProductCard