// Shared primitives for the Protect-Me website UI kit.
const { useState } = React;
function Button({ variant = 'primary', arrow, children, onClick, href }) {
const cls = `btn btn-${variant}${arrow ? ' btn-arrow' : ''}`;
if (href) return {children};
return ;
}
function StoreButton({ label = 'App Store', kind = 'apple' }) {
const apple = (
);
const google = (
);
return (
{kind === 'apple' ? apple : google} {label}
);
}
function Eyebrow({ children }) { return {children}
; }
function FeatureIcon({ kind }) {
const common = { width: 40, height: 40, viewBox: '0 0 24 24', fill: 'none', stroke: '#d4411e', strokeWidth: 1.8, strokeLinecap: 'round', strokeLinejoin: 'round' };
if (kind === 'lock') return ();
if (kind === 'pin') return ();
return ();
}
Object.assign(window, { Button, StoreButton, Eyebrow, FeatureIcon });