import React from 'react';

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

/** NetMesh brand wordmark — just the "NetMesh" text. */
export const AppWordmark: React.FC<AppWordmarkProps> = ({ accessibleLabel, className }) => (
  <span
    className={`font-bold tracking-tight text-foreground ${className || ''}`}
    aria-label={accessibleLabel}
    role={accessibleLabel ? 'img' : undefined}
    style={{ fontFamily: 'inherit', fontWeight: 700, letterSpacing: '-0.02em' }}
  >
    NetMesh
  </span>
);

export default AppWordmark;