AnimatedLogo

import { AnimatedLogo } from '@hanzo/ui/product'

Types

export interface AnimatedLogoProps {
  /** Surface word after the brand ("AI", "Cloud", "Studio", "Chat", "App", "Console", "Team"). */
  surface?: string
  /** Brand identity — mark + name + home. Defaults to Hanzo. */
  brand?: BrandIdentity
  /** Mark size in px (square). Default 22. */
  size?: number
  /** Gap in px between the mark and the wordmark when expanded. Default 8. */
  gap?: number
  /** Hold in ms before the wordmark auto-collapses on mount. 0 disables the intro
   *  (starts collapsed). Default 1500. */
  introMs?: number
  /** Collapse/expand duration in ms. Default 360 (echoes the mark's fold-in). */
  durationMs?: number
  /** Easing curve. Default the Hanzo house expo-out. */
  easing?: string
  /** Link target. Defaults to the brand's home. */
  href?: string
  onClick?: React.MouseEventHandler
  /** Root element/component (e.g. a router `Link`). Default `'a'`. */
  component?: React.ElementType
  className?: string
  style?: React.CSSProperties
  /** Override the accessible name (default is the full "Hanzo {surface}"). */
  'aria-label'?: string
}

Exports