22 lines
644 B
TypeScript
22 lines
644 B
TypeScript
|
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;
|