/* Michael Style — Prototype · App shell (PhoneFrame, StatusBar, TabBar, icons, shared bits).
Adapted from the DS app UI kit. Loaded via browser Babel; uses global React + DS namespace. */
const MSAPP = window.MichaelStyleDesignSystem_7fd21b;
/* —— inline stroked line icons (matches the concept's set) —— */
function Icon({ name, size = 18 }) {
const paths = {
home: <>,
book: <>,
program: <>,
work: <>,
me: <>,
lock: <>,
globe: <>,
bell: <>,
chevron: <>,
users: <>,
chart: <>,
plus: <>,
check: <>,
x: <>,
scissors: <>,
star: <>,
clock: <>,
camera: <>,
megaphone: <>,
share: <>,
menu: <>,
card: <>,
cash: <>,
dollar: <>,
send: <>,
phone: <>,
wallet: <>,
sound: <>,
mute: <>,
upload: <>,
pin: <>,
pencil: <>,
};
return (
);
}
function PhoneFrame({ children }) {
return (
);
}
function ScreenBody({ children, label }) {
return (
{children}
);
}
function TabBar({ active, onChange }) {
const tabs = [
{ id: 'home', label: 'Home' }, { id: 'book', label: 'Book' },
{ id: 'program', label: 'Program' }, { id: 'work', label: 'Work' }, { id: 'me', label: 'Me' },
];
return (
{tabs.map((t) => {
const on = t.id === active;
return (
);
})}
);
}
/* —— shared small bits —— */
function Eyebrow({ children }) {
return {children}
;
}
function AppH({ children, style = {} }) {
return {children}
;
}
function ASub({ children }) {
return {children}
;
}
/* —— EN/ES language toggle (shared by the website header + owner Yo) —— */
function LangToggle({ value, onChange }) {
return (
{['EN', 'ES'].map((l) => {
const on = l === value;
return (
);
})}
);
}
Object.assign(window, { Icon, PhoneFrame, ScreenBody, TabBar, Eyebrow, AppH, ASub, LangToggle });