import { wordmark } from '@/lib/content';

type Size = 'sm' | 'md' | 'lg' | 'xl';
const sizeClass: Record<Size, string> = {
  sm: 'text-xl',
  md: 'text-2xl',
  lg: 'text-3xl',
  xl: 'text-5xl',
};

export function Wordmark({ size = 'lg', onDark = false }: { size?: Size; onDark?: boolean }) {
  const { before, after } = wordmark.parts;
  const baseColor = onDark ? 'text-white' : 'text-azul-profundo';
  const goldColor = 'text-dorado';
  return (
    <span className={`font-sans font-bold tracking-tight leading-none ${sizeClass[size]} ${baseColor}`}>
      {before}
      <span data-accent="true" className={goldColor}>≡</span>
      {after}
    </span>
  );
}