// Contacto — form on the left (cols 1–7), channels on the right (cols 8–12). // Submit "Enviar consulta". Right column rows separated by --line hairlines. function Contact() { const [sent, setSent] = React.useState(false); return (
{/* Form — cols 1–7 */}
{ e.preventDefault(); setSent(true); }} style={{ gridColumn: "1 / span 7", display: "flex", flexDirection: "column", gap: 28, }} >
Lo que nos cuentes queda sujeto a secreto profesional.
{/* Channels — cols 8–12 */}
); } function Field({ id, label, type = "text", placeholder, required, textarea }) { const Tag = textarea ? "textarea" : "input"; return (
); } function Channel({ icon, label, value, note, href, accent, disabled }) { const inner = (
{icon || }
{label}
{value}
{note && (
{note}
)}
{!disabled && href && ( → )}
); if (disabled || !href) { return inner; } return ( { const v = e.currentTarget.querySelector(".rt-ch-value"); if (v) v.style.color = "var(--accent)"; }} > {inner} ); } Object.assign(window, { Contact });