---
interface Props {
class?: string;
mono?: boolean;
'aria-label'?: string;
}
const {
class: className = 'h-3 w-auto text-noir-300',
mono = false,
'aria-label': ariaLabel = '0sec',
} = Astro.props;
const OCT = 'M4 0 H16 L20 4 V16 L16 20 H4 L0 16 V4 Z M4 5 V15 L5 16 H15 L16 15 V5 L15 4 H5 Z';
const CORE = 'M12.5 2 H17.5 L7.5 18 H2.5 Z';
const S = 'M0 0 H20 V4 H0 Z M0 4 H4 V8 H0 Z M0 8 H20 V12 H0 Z M16 12 H20 V16 H16 Z M0 16 H20 V20 H0 Z';
const E = 'M0 0 H20 V4 H0 Z M0 0 H4 V20 H0 Z M0 8 H16 V12 H0 Z M0 16 H20 V20 H0 Z';
const C = 'M0 0 H20 V4 H0 Z M0 0 H4 V20 H0 Z M0 16 H20 V20 H0 Z';
const coreFill = mono ? 'currentColor' : '#DC2626';
---
<svg class={className} viewBox="0 0 104 20" fill="none" role="img" aria-label={ariaLabel}>
<path fill={coreFill} d={CORE} />
<path fill="currentColor" fill-rule="evenodd" d={OCT} />
<path fill="currentColor" transform="translate(28,0)" d={S} />
<path fill="currentColor" transform="translate(56,0)" d={E} />
<path fill="currentColor" transform="translate(84,0)" d={C} />
</svg>