26 lines
880 B
TypeScript
26 lines
880 B
TypeScript
/**
|
||
* 公用品牌首页链接。组合Logo、中文名与英文名，供登录页、落地页等位置复用；不读取用户或工作区状态。
|
||
*/
|
||
import Link from "next/link";
|
||
/** light选择brand-light展示样式以及配套Logo资源：true用logo-dark.svg，false用logo-light.svg。
|
||
* 链接的aria-label已经说明品牌与目的地，图片使用空alt避免重复朗读；固定尺寸减少加载时布局跳动。 */
|
||
export function Brand({ light = false }: { light?: boolean }) {
|
||
return (
|
||
<Link
|
||
href="/"
|
||
className={"brand " + (light ? "brand-light" : "")}
|
||
aria-label="啡跃 Endoleap 首页"
|
||
>
|
||
<img
|
||
src={light ? "/brand/svg/logo-dark.svg" : "/brand/svg/logo-light.svg"}
|
||
alt=""
|
||
width="36"
|
||
height="36"
|
||
/>
|
||
<span>
|
||
啡跃 <small>Endoleap</small>
|
||
</span>
|
||
</Link>
|
||
);
|
||
}
|