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