14 lines
788 B
TypeScript
14 lines
788 B
TypeScript
/** Логотип «АРМ КА» как в макете: три цветные полосы и зелёная надпись; в свёрнутом меню — только полосы. */
|
||
export function Logo({ compact = false }: { compact?: boolean }) {
|
||
return (
|
||
<div style={{ display: 'flex', alignItems: 'center', gap: 8 }} aria-label='АРМ КА'>
|
||
<svg width='30' height='28' viewBox='0 0 30 28' aria-hidden='true'>
|
||
<rect x='0' y='0' width='7' height='28' rx='1' fill='#F2C300' />
|
||
<rect x='11' y='0' width='7' height='28' rx='1' fill='#8BC34A' />
|
||
<rect x='22' y='0' width='7' height='28' rx='1' fill='#2E7D32' />
|
||
</svg>
|
||
{!compact && <span style={{ fontSize: 24, fontWeight: 700, color: '#43A047', letterSpacing: 0.5 }}>АРМ КА</span>}
|
||
</div>
|
||
);
|
||
}
|