/* global React */
// Saloon — Icon set. Tiny inline SVGs, single-stroke, premium-neutral.
// Usage:
const ICONS = {
search: (s) => <>,
chevron_down: () => ,
chevron_right: () => ,
chevron_left: () => ,
close: () => <>,
arrow_right: () => <>,
arrow_up_right: () => <>,
pin: () => <>,
pin_filled: () => <>,
star: () => ,
heart: () => ,
filter: () => <>,
sliders: () => <>,
map: () => <>,
list: () => <>,
globe: () => <>,
user: () => <>,
menu: () => <>,
bolt: () => ,
calendar: () => <>,
home: () => <>,
briefcase: () => <>,
clock: () => <>,
check: () => ,
check_circle: () => <>,
shield_check: () => <>,
message: () => ,
scissors: () => <>,
sparkle: () => <>,
leaf: () => <>,
car: () => <>,
walk: () => <>,
card: () => <>,
phone: () => ,
info: () => <>,
plus: () => <>,
minus: () => ,
receipt: () => <>,
bell: () => <>,
lock: () => <>,
key: () => <>,
pencil: () => <>,
trash: () => <>,
copy: () => <>,
download: () => <>,
};
function Icon({ name, size = 18, stroke = 1.6, color = 'currentColor', className = '', style = {} }) {
const draw = ICONS[name];
if (!draw) return null;
return (
);
}
// "Logo" — wordmark in the editorial serif italic
function Wordmark({ size = 22 }) {
return (
Saloon
);
}
Object.assign(window, { Icon, Wordmark });