/* eslint-disable */
// Shared atoms used by both the corporate site and the fleet portal.
// Exposed to window so other Babel scripts can pick them up.
const { useState } = React;
// === DAE Wordmark =====================================================
function DaeWordmark({ tag = "Digital Assistant for Energy", variant = "light" }) {
return (
DAE
{tag ? {tag} : null}
);
}
// === Language switcher EN / TH / ZH ===================================
function LangSwitch({ value = "EN", onChange = () => {}, compact = false }) {
const [v, setV] = useState(value);
const set = (next) => { setV(next); onChange(next); };
const langs = compact ? ["EN", "TH", "中文"] : ["EN", "TH", "中文"];
return (
{langs.map((l) => (
))}
);
}
// === Small icon set (24px outline) ====================================
const Icon = {
arrow: ,
chart: ,
card: ,
cog: ,
truck: ,
map: ,
search:,
bell: ,
bolt: ,
shield:,
pump: ,
layers:,
};
// === Tiny sparkline / area chart helpers ==============================
function Sparkline({ points, color = "var(--dae-blue)", height = 36, fill = false }) {
// points: array of numbers
const w = 240, h = height;
const max = Math.max(...points), min = Math.min(...points);
const range = max - min || 1;
const step = w / (points.length - 1);
const coords = points.map((p, i) => [i * step, h - 4 - ((p - min) / range) * (h - 8)]);
const path = coords.map((c, i) => (i === 0 ? "M" : "L") + c[0].toFixed(1) + " " + c[1].toFixed(1)).join(" ");
const area = path + ` L ${w} ${h} L 0 ${h} Z`;
return (
);
}
// === Trust strip (logos as wordmarks) =================================
function TrustStrip({ items }) {
return (