/* Vito's Wings — shared UI components */ const { useState, useEffect, useRef, useMemo, useCallback } = React; // Lookup helper function t(key, lang) { const entry = window.VW_T[key]; if (!entry) return key; return entry[lang] || entry.en || key; } // Pretty Lempira formatter function fmtL(n) { return "L " + (Math.round(n)).toLocaleString("en-US"); } // SAUCE PILL ---------------------------------------------------------------- const HEAT_COLOR = { 1: "#15803D", 2: "#D97706", 3: "#E63426" }; function SaucePill({ sauce, lang, selected, onClick, disabled }) { const heatColor = HEAT_COLOR[sauce.heat] || "#0A0A0A"; return ( ); } // DRINK ART -------------------------------------------------------------- // Stylized product card for drinks — bottle/can/glass silhouette in SVG over a colored block. function DrinkArt({ item, big }) { const Glass = ({ kind }) => { const stroke = "rgba(255,255,255,0.85)"; const fill = "rgba(255,255,255,0.18)"; const w = 100, h = 120; if (kind === "bottle") { return ( ); } if (kind === "can") { return ( ); } if (kind === "cocktail") { return ( ); } if (kind === "wine") { return ( ); } // glass (default — tall) return ( ); }; return (
{/* halftone overlay */}
{/* big translucent letter mark in corner */}
{item.glyph || (item.en || "").charAt(0)}
{/* glass silhouette */}
); } // ITEM CARD --------------------------------------------------------------- function ItemCard({ item, lang, onOpen, compact }) { const minP = item.sizes ? item.sizes[0].p : item.price; return ( ); } // MODAL -------------------------------------------------------------------- function Modal({ open, onClose, children, width = 720 }) { if (!open) return null; return (
e.stopPropagation()} style={{ background: "#F6F4EF", width: "100%", maxWidth: width, maxHeight: "90vh", overflow: "auto", border: "1px solid #0A0A0A", position: "relative", animation: "vwPop 0.22s cubic-bezier(.2,1.3,.4,1)" }}> {children}
); } // SECTION HEADER ----------------------------------------------------------- function SectionHeader({ kicker, title, sub, alignment = "left" }) { return (
{kicker &&
▌ {kicker.toUpperCase()}
}

{title}

{sub &&

{sub}

}
); } // PRIMARY BUTTON ----------------------------------------------------------- function PrimaryBtn({ children, onClick, full, big, ...rest }) { return ( ); } function GhostBtn({ children, onClick, full, dark, ...rest }) { return ( ); } // TICKER ------------------------------------------------------------------- function Ticker({ items, dark }) { return (
{Array(8).fill(0).map((_, copy) => ( {items.map((it, i) => {it}{i < items.length - 1 ? ★ : null})} ★ ))}
); } // Expose Object.assign(window, { t, fmtL, SaucePill, ItemCard, Modal, SectionHeader, PrimaryBtn, GhostBtn, Ticker, DrinkArt, EmbedMap, HEAT_COLOR }); // EMBED MAP -------------------------------------------------------------- // Google Maps iframe embed — no API key needed. Falls back to a styled link. function EmbedMap({ query = "Plaza Macuelizo, Tegucigalpa, Honduras", zoom = 16, height = 320, withPinSticker = true }) { const src = `https://maps.google.com/maps?q=${encodeURIComponent(query)}&t=&z=${zoom}&ie=UTF8&iwloc=&output=embed`; const directionsUrl = `https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent(query)}`; return (