// FOOTPASS Messenger v2 · shared icons, status bar, avatar
const FPIcon = {
Back: ({ c = 'currentColor' }) => (
),
Phone: ({ c = 'currentColor', s = 22 }) => (
),
PhoneFill: ({ c = '#fff', s = 24 }) => (
),
PhoneDown: ({ c = '#fff', s = 26 }) => (
),
Video: ({ c = 'currentColor', s = 22 }) => (
),
VideoFill: ({ c = '#fff', s = 26 }) => (
),
Plus: ({ c = 'currentColor' }) => (
),
Mic: ({ c = 'currentColor', s = 14 }) => (
),
MicOff: ({ c = '#fff', s = 22 }) => (
),
Send: ({ c = '#fff' }) => (
),
SingleCheck: ({ cls = '' }) => (
),
DoubleCheck: ({ cls = '' }) => (
),
More: ({ c = 'currentColor' }) => (
),
Play: ({ c = '#fff' }) => (
),
Pause: ({ c = '#fff' }) => (
),
Shield: ({ c = 'var(--acc, #00A37E)', s = 11 }) => (
),
Doc: ({ c = 'currentColor', s = 18 }) => (
),
Pen: ({ c = 'currentColor', s = 14 }) => (
),
Calendar: ({ c = 'currentColor', s = 18 }) => (
),
Pin: ({ c = 'currentColor', s = 12 }) => (
),
Timer: ({ c = 'currentColor', s = 12 }) => (
),
Globe: ({ c = 'currentColor', s = 11 }) => (
),
SpeakerOn: ({ c = '#fff', s = 22 }) => (
),
CamFlip: ({ c = '#fff', s = 22 }) => (
),
CamOff: ({ c = '#fff', s = 24 }) => (
),
User: ({ c = 'currentColor', s = 18 }) => (
),
Sun: ({ c = 'currentColor' }) => (
),
Moon: ({ c = 'currentColor' }) => (
),
};
// ── Status bar ──
function FPStatusBar({ time = '16:08', light }) {
const c = light ? '#fff' : 'currentColor';
return (
{time}
);
}
// ── Avatar · photo or monogram on Modern Black ──
const LUCAS_PHOTO = 'assets/lucas-avatar.png';
function FPAvatar({ size = 40, initials = 'LF', ring = false, src }) {
return (
{src ? (
) : (
)}
);
}
// ── Scan facial · buste de portrait dans le cadre de scan (symbole KYC universel,
// celui des apps bancaires : cadre Face ID + silhouette d'identité, pas de smiley) ──
FPIcon.FaceScan = ({ s = 14, c = 'currentColor' }) => (
);
Object.assign(window, { FPIcon, FPStatusBar, FPAvatar, LUCAS_PHOTO });