/* Shared UI primitives for DualClip landing */
const Icon = {
Github: ({ size = 16 }) => (
),
Copy: ({ size = 14 }) => (
),
Check: ({ size = 14 }) => (
),
Download: ({ size = 14 }) => (
),
ArrowRight: ({ size = 14 }) => (
),
Lock: ({ size = 16 }) => (
),
Cpu: ({ size = 16 }) => (
),
WifiOff: ({ size = 16 }) => (
),
Zap: ({ size = 16 }) => (
),
Slots: ({ size = 16 }) => (
),
Keyboard: ({ size = 16 }) => (
),
Menubar: ({ size = 16 }) => (
),
X: ({ size = 14 }) => (
),
Sun: ({ size = 16 }) => (
),
Moon: ({ size = 16 }) => (
),
};
/* Mac-style keycap chip */
const Kbd = ({ children, sm = false }) => (
{children}
);
const Shortcut = ({ keys, sm = false }) => (
{keys.map((k, i) => (
{i > 0 && +}
{k}
))}
);
/* Copy-to-clipboard button */
const CopyButton = ({ text, label = "Copy" }) => {
const [copied, setCopied] = React.useState(false);
const onClick = async () => {
try {
await navigator.clipboard.writeText(text);
setCopied(true);
setTimeout(() => setCopied(false), 1600);
} catch (e) {
const t = document.createElement('textarea');
t.value = text; document.body.appendChild(t); t.select();
document.execCommand('copy'); document.body.removeChild(t);
setCopied(true);
setTimeout(() => setCopied(false), 1600);
}
};
return (
);
};
/* macOS window chrome */
const MacWindow = ({ title, children, accent, transparent = false }) => (
);
Object.assign(window, { Icon, Kbd, Shortcut, CopyButton, MacWindow });