'use client'

interface BrandNameProps {
  className?: string
  prefix?: boolean
}

/**
 * Renders "ComplAI" (or "BreakPilot ComplAI") with the "AI" portion
 * styled as a gradient to visually distinguish lowercase-L from uppercase-I.
 */
export default function BrandName({ className = '', prefix = false }: BrandNameProps) {
  return (
    <span className={className}>
      {prefix && <>BreakPilot </>}
      Compl<span className="bg-gradient-to-r from-indigo-400 to-purple-400 bg-clip-text text-transparent">AI</span>
    </span>
  )
}