BrandLogo — Logo de produto

BrandLogo é um componente global em apps/web/components/brand-logo.tsx para exibir o logo de qualquer produto. Renderiza uma <Image> quando src é fornecido, ou um <span> com o nome do produto como fallback.

Importação

import { BrandLogo } from '~/components/brand-logo';

Props

Prop	Tipo	Padrão	Descrição
productName	string	—	Obrigatório. Usado como alt da imagem e como texto de fallback.
src	string	undefined	Caminho da imagem do logo. Se omitido, renderiza o nome em texto.
width	number	120	Largura da imagem em pixels.
height	number	32	Altura da imagem em pixels.
className	string	—	Classes extras aplicadas ao elemento raiz.

Uso

// Com imagem
<BrandLogo
  src="/images/abracaf/abracaf-neg.png"
  productName="ABRACAF"
  width={140}
  height={48}
/>

// Fallback texto (sem src)
<BrandLogo productName="MeResolve" />

Comportamento

• Com src: renderiza <Image> do Next.js com priority (carregamento antecipado), h-8 w-auto shrink-0 object-contain como classes base.
• Sem src: renderiza <span> com text-primary text-2xl font-bold tracking-tight.
• className é mesclado com cn() em ambos os casos.

Arquivo

apps/web/components/brand-logo.tsx