import Image from "next/image"
import Link from "next/link"


export default function BrandInfo({ brand }) {
  return (
    <Link href={`/products/${brand.slug}`} className="
     flex items-center flex-col gap-2 ">
      <Image
        src={brand.image.url || "/placeholder.svg"}
        alt={brand.image.alternativeText}
        width={100}
        height={100}
        className="object-contain rounded-full overflow-hidden border aspect-square"
      />
      <span className="text-lg font-semibold">{brand.title}</span>
    </Link>
  )
}

