// Minimal stroke-icon set (Lucide-shaped). 1.5px stroke, currentColor.
function Icon({ name, size = 20, ...rest }) {
  const common = { width: size, height: size, viewBox: "0 0 24 24", fill: "none",
                   stroke: "currentColor", strokeWidth: 1.5,
                   strokeLinecap: "round", strokeLinejoin: "round", ...rest };
  switch (name) {
    case "arrow-right": return <svg {...common}><path d="M5 12h14M13 6l6 6-6 6"/></svg>;
    case "arrow-left":  return <svg {...common}><path d="M19 12H5M11 6l-6 6 6 6"/></svg>;
    case "menu":        return <svg {...common}><path d="M3 6h18M3 12h18M3 18h18"/></svg>;
    case "clock":       return <svg {...common}><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg>;
    case "calendar":    return <svg {...common}><rect x="3" y="5" width="18" height="16" rx="1"/><path d="M3 9h18M8 3v4M16 3v4"/></svg>;
    case "whatsapp":    return <svg {...common}><path d="M21 11.5a8.4 8.4 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.4 8.4 0 0 1-3.8-.9L3 21l1.9-5.7a8.4 8.4 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.4 8.4 0 0 1 3.8-.9h.5a8.5 8.5 0 0 1 8 8z"/></svg>;
    case "leaf":        return <svg {...common}><path d="M11 20A7 7 0 0 1 4 13c0-5 4-8 11-9 1 8-2 16-9 16zM4 20l8-8"/></svg>;
    case "mail":        return <svg {...common}><rect x="3" y="5" width="18" height="14" rx="1"/><path d="M3 7l9 7 9-7"/></svg>;
    case "cookie":      return <svg {...common}><path d="M12 3a9 9 0 1 0 9 9 3 3 0 0 1-3-3 3 3 0 0 1-3-3 3 3 0 0 1-.5-3z"/><path d="M8.5 9.5h.01M14.5 8.5h.01M9.5 14.5h.01M14 14h.01M11.5 11.5h.01"/></svg>;
    case "chef-hat":    return <svg {...common}><path d="M17 21a1 1 0 0 0 1-1v-5.35c0-.457.316-.844.727-1.041a4 4 0 0 0-2.134-7.589 5 5 0 0 0-9.186 0 4 4 0 0 0-2.134 7.588c.411.198.727.585.727 1.041V20a1 1 0 0 0 1 1Z"/><path d="M6 17h12"/></svg>;
    case "moon":        return <svg {...common}><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/></svg>;
    case "calendar-check": return <svg {...common}><path d="M8 2v4M16 2v4"/><rect x="3" y="4" width="18" height="18" rx="2"/><path d="M3 10h18"/><path d="m9 16 2 2 4-4"/></svg>;
    case "utensils":    return <svg {...common}><path d="M3 2v7c0 1.1.9 2 2 2a2 2 0 0 0 2-2V2"/><path d="M7 2v20"/><path d="M21 15V2a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3Zm0 0v7"/></svg>;
    default: return null;
  }
}
window.Icon = Icon;