import React from 'react';

interface AppWordmarkProps {
  accessibleLabel?: string;
  className?: string;
  text?: string;
}

/** 产品品牌文字 — 默认显示 productName，可通过 text 覆盖。 */
export const AppWordmark: React.FC<AppWordmarkProps> = ({ accessibleLabel, className, text }) => (
  <span
    className={`font-bold tracking-tight text-foreground ${className || ''}`}
    aria-label={accessibleLabel}
    role={accessibleLabel ? 'img' : undefined}
    style={{ fontFamily: 'inherit', fontWeight: 700, letterSpacing: '-0.02em' }}
  >
    {text ?? accessibleLabel ?? 'NetMesh'}
  </span>
);

export default AppWordmark;