Files
DOSSIER-STANDALONE/src/ui/EyeIcon.tsx
T
karim ca859c4aa4 Browser-BIM (cad): semantisches Modell, abgeleitete 2D/3D-Sichten, Zeichenwerkzeuge
Standalone-Browser-Port von DOSSIER. Enthaelt das semantische Modell mit
Plan-/3D-Ableitung, Zeichen- und Editierwerkzeuge, Rhino-artiges Befehlssystem,
dockbares Panel-System, Resource-Manager, DXF/.lin/.pat-Import, i18n (de/en)
sowie Projektdokumentation und Probe-Harness.
2026-06-30 20:52:27 +02:00

40 lines
1.1 KiB
TypeScript

// Inline-SVG-Augensymbol für Sichtbarkeits-Schalter im Navigator.
// Nutzt currentColor → erbt die Textfarbe der Zeile (aktiv/gedimmt/grau).
// Offen = sichtbar, geschlossen/durchgestrichen = ausgeblendet.
/** Augensymbol; `open` steuert offen (sichtbar) vs. durchgestrichen. */
export function EyeIcon({ open }: { open: boolean }) {
return (
<svg
width={16}
height={16}
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
strokeWidth={1.8}
strokeLinecap="round"
strokeLinejoin="round"
aria-hidden="true"
focusable="false"
>
{open ? (
<>
{/* Augenkontur + Pupille. */}
<path d="M1.5 12S5 5 12 5s10.5 7 10.5 7-3.5 7-10.5 7S1.5 12 1.5 12Z" />
<circle cx={12} cy={12} r={3} />
</>
) : (
<>
{/* Augenkontur, gedimmt, plus diagonaler Strich. */}
<path
d="M1.5 12S5 5 12 5s10.5 7 10.5 7-3.5 7-10.5 7S1.5 12 1.5 12Z"
opacity={0.45}
/>
<circle cx={12} cy={12} r={3} opacity={0.45} />
<line x1={3} y1={3} x2={21} y2={21} />
</>
)}
</svg>
);
}