/* eslint-disable */
/* =========================================================
TEO Logo — inline React SVG components.
Inlined (rather than ![]()
) so the logo can never 404
regardless of how the page is served (file://, sub-path
server, Launch preview panel, etc.).
Both variants accept `height` and `color` props; `color`
defaults match the variant name (light = white, dark = navy).
========================================================= */
// The four-vesica TEO mark, intrinsic viewBox 62 x 67.14
const TeoMark = ({ height = 28, color = 'currentColor', style }) => (
);
// Full wordmark (mark + "TEO" lettering), intrinsic viewBox 232.45 x 67.14
const TeoWordmark = ({ height = 28, color = 'currentColor', style }) => (
);
// Partner co-brand mark (e.g. Teltonika), driven by window.TENANT.brand.partner.
// variant 'dark' => logo for dark surfaces (white); 'light' => logo for white surfaces (blue).
// Falls back SVG -> PNG -> text so it renders sensibly before the asset is uploaded.
const PartnerMark = ({ variant = 'dark', height = 20, style }) => {
const p = (window.TENANT && window.TENANT.brand && window.TENANT.brand.partner) || null;
if (!p) return null;
const svg = variant === 'light' ? p.logoOnLight : p.logoOnDark;
const png = variant === 'light' ? p.logoOnLightPng : p.logoOnDarkPng;
const [src, setSrc] = React.useState(svg || png || null);
const onErr = () => { setSrc(prev => (prev === svg && png) ? png : null); };
if (!src) {
return (
TELTONIKA
);
}
return 
;
};
// Sidebar co-brand lockup: "Deployed for" + partner mark (white on the dark rail).
const CoBrand = ({ style }) => {
const p = (window.TENANT && window.TENANT.brand && window.TENANT.brand.partner) || null;
if (!p) return null;
return (
);
};
Object.assign(window, { TeoMark, TeoWordmark, PartnerMark, CoBrand });