https://crossgateky.org/assets/contact-BhiMfp33.js

1import{c as e,d as t,f as n,l as r,p as i,s as a}from"./index-BxFxVEzW.js";var o=i(n(),1),s=t(),c=`[email protected]`;function l(){let[e,t]=(0,o.useState)(``),[n,r]=(0,o.useState)(``),[i,a]=(0,o.useState)(``);function l(t){t.preventDefault();let r=encodeURIComponent(`Message from ${e||`a resident`} — crossgateky.org`),a=encodeURIComponent(`Name: ${e}\nEmail: ${n}\n\n${i}`);window.location.href=`mailto:${c}?subject=${r}&body=${a}`}let u=`w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-brand`;return(0,s.jsxs)(`form`,{onSubmit:l,className:`mt-8 max-w-xl space-y-4`,children:[(0,s.jsx)(`h4`,{className:`font-bold`,children:`SEND US A MESSAGE`}),(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`label`,{htmlFor:`contact-name`,className:`mb-1 block text-sm font-semibold`,children:`Your name`}),(0,s.jsx)(`input`,{id:`contact-name`,type:`text`,required:!0,value:e,onChange:e=>t(e.target.value),className:u})]}),(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`label`,{htmlFor:`contact-email`,className:`mb-1 block text-sm font-semibold`,children:`Your email`}),(0,s.jsx)(`input`,{id:`contact-email`,type:`email`,required:!0,value:n,onChange:e=>r(e.target.value),className:u})]}),(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`label`,{htmlFor:`contact-message`,className:`mb-1 block text-sm font-semibold`,children:`Message`}),(0,s.jsx)(`textarea`,{id:`contact-message`,required:!0,rows:6,value:i,onChange:e=>a(e.target.value),className:u})]}),(0,s.jsx)(`button`,{type:`submit`,className:`rounded-md bg-brand px-5 py-2 font-display text-sm font-bold uppercase tracking-[0.1em] text-brand-foreground transition-opacity hover:opacity-90`,children:`Send message`}),(0,s.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`This opens your email app with the message addressed to the City Clerk.`})]})}function u(){let t=a(`contact`);return(0,s.jsxs)(e,{title:t?.title||`Contact`,banner:t?.banner??null,children:[t&&(0,s.jsx)(r,{html:t.html}),(0,s.jsx)(l,{})]})}export{u as component};