/** Логотип «АРМ КА» как в макете: три цветные полосы и зелёная надпись; в свёрнутом меню — только полосы. */
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>
	);
}