/* global React */
const { useState, useEffect, useRef, useMemo, createContext, useContext } = React;
const I = {
search: () => ,
map: () => ,
bookmark: () => ,
diary: () => ,
wind: () => ,
sparkle: () => ,
plus: () => ,
minus: () => ,
chev: (d = 'right') => {
const r = { right: 0, left: 180, up: 270, down: 90 }[d];
return ;
},
close: () => ,
share: () => ,
heart: () => ,
pin: () => ,
thermo: () => ,
cloud: () => ,
music: () => ,
play: () => ,
menu: () => ,
globe: () => ,
check: () => ,
flower: () => ,
};
function Seal({ children, size = 'md', rotate = -4 }) {
const cls = size === 'sm' ? 'seal sm' : size === 'lg' ? 'seal lg' : 'seal';
return (
{children}
);
}
function Placeholder({ label, aspect = '4/3', style = {} }) {
return (
{label}
);
}
function PetalMark({ active }) {
return (
);
}
window.UI = { I, Seal, Placeholder, PetalMark };