// Icon set (line, 24px) — pure SVG, used across screens
const Icon = {
Bell: (p) => (),
Pin: (p) => (),
Chevron: (p) => (),
ArrowRight: (p) => (),
ArrowBack: (p) => (),
Cake: (p) => (),
Map: (p) => (),
Fork: (p) => (),
Phone: (p) => (),
Tag: (p) => (),
Chat: (p) => (),
Home: (p) => (),
Ticket: (p) => (),
Person: (p) => (),
Mail: (p) => (),
Lock: (p) => (),
Eye: (p) => (),
Star: (p) => (),
Plus: (p) => (),
Calendar: (p) => (),
Users: (p) => (),
Camera: (p) => (),
Sparkle: (p) => (),
Check: (p) => (),
Dots: (p) => (),
Send: (p) => (),
};
window.Icon = Icon;
// Utility: ripple click effect
window.rippleClick = function(e) {
const t = e.currentTarget;
if (!t) return;
const rect = t.getBoundingClientRect();
const x = e.clientX - rect.left;
const y = e.clientY - rect.top;
const r = document.createElement("span");
r.className = "sk-ripple";
const size = Math.max(rect.width, rect.height);
r.style.width = r.style.height = size + "px";
r.style.left = (x - size/2) + "px";
r.style.top = (y - size/2) + "px";
t.appendChild(r);
setTimeout(() => r.remove(), 600);
};
// Image placeholder
window.ImgPh = ({ label, ratio = "16/10", className = "" }) => (
);