import Image from '@/core/components/elements/Image/Image'
import Link from '@/core/components/elements/Link/Link'
import { createSlug } from '@/core/utils/slug'

const BrandCard = ({ brand }) => {
  return (
    <Link
      href={createSlug('/shop/brands/', brand.name, brand.id)}
      className='py-1 px-2 rounded border border-gray_r-6'
    >
      <Image
        src={brand.logo}
        alt={brand.name}
        className='h-10 object-contain object-center'
      />
    </Link>
  )
}

export default BrandCard