https://thai-audio-fast.lovable.app/assets/contact-BEpPV0jR.js

1import{a as e,c as t,o as n,s as r}from"./index-B8y37u76.js";import{t as i}from"./SiteLayout-QSy0krZ3.js";import{t as a}from"./utils-B32cpBNE.js";import{n as o,r as s,t as c}from"./button-BmBjMUbR.js";var l=t(r(),1),u=e(),d=l.forwardRef(({className:e,type:t,...n},r)=>(0,u.jsx)(`input`,{type:t,className:a(`flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm`,e),ref:r,...n}));d.displayName=`Input`;var f=l.forwardRef(({className:e,...t},n)=>(0,u.jsx)(`textarea`,{className:a(`flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm`,e),ref:n,...t}));f.displayName=`Textarea`,n();var p=[`a`,`button`,`div`,`form`,`h2`,`h3`,`img`,`input`,`label`,`li`,`nav`,`ol`,`p`,`select`,`span`,`svg`,`ul`].reduce((e,t)=>{let n=s(`Primitive.${t}`),r=l.forwardRef((e,r)=>{let{asChild:i,...a}=e,o=i?n:t;return typeof window<`u`&&(window[Symbol.for(`radix-ui`)]=!0),(0,u.jsx)(o,{...a,ref:r})});return r.displayName=`Primitive.${t}`,{...e,[t]:r}},{}),m=`Label`,h=l.forwardRef((e,t)=>(0,u.jsx)(p.label,{...e,ref:t,onMouseDown:t=>{t.target.closest(`button, input, select, textarea`)||(e.onMouseDown?.(t),!t.defaultPrevented&&t.detail>1&&t.preventDefault())}}));h.displayName=m;var g=h,_=o(`text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70`),v=l.forwardRef(({className:e,...t},n)=>(0,u.jsx)(g,{ref:n,className:a(_(),e),...t}));v.displayName=g.displayName;function y(){let[e,t]=(0,l.useState)(!1);return(0,u.jsx)(i,{children:(0,u.jsxs)(`div`,{className:`max-w-2xl mx-auto px-4 py-12`,children:[(0,u.jsx)(`h1`,{className:`text-3xl sm:text-4xl font-bold text-foreground`,children:`ติดต่อเรา`}),(0,u.jsx)(`p`,{className:`mt-2 text-muted-foreground`,children:`หากมีคำถาม ข้อเสนอแนะ หรือพบปัญหาการใช้งาน กรุณาส่งข้อความถึงเรา`}),e?(0,u.jsxs)(`div`,{className:`mt-8 bg-card border border-border rounded-2xl p-6 text-center`,children:[(0,u.jsx)(`div`,{className:`text-2xl mb-2`,children:`✓`}),(0,u.jsx)(`p`,{className:`text-foreground font-medium`,children:`ส่งข้อความเรียบร้อยแล้ว ขอบคุณที่ติดต่อเรา`})]}):(0,u.jsxs)(`form`,{className:`mt-8 bg-card border border-border rounded-2xl p-6 space-y-4`,onSubmit:e=>{e.preventDefault(),t(!0)},children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(v,{htmlFor:`name`,children:`ชื่อ`}),(0,u.jsx)(d,{id:`name`,required:!0,className:`mt-1`})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(v,{htmlFor:`email`,children:`อีเมล`}),(0,u.jsx)(d,{id:`email`,type:`email`,required:!0,className:`mt-1`})]}),(0,u.jsxs)(`div`,{children:[(0,u.jsx)(v,{htmlFor:`message`,children:`ข้อความ`}),(0,u.jsx)(f,{id:`message`,required:!0,rows:6,className:`mt-1`})]}),(0,u.jsx)(c,{type:`submit`,size:`lg`,className:`bg-primary hover:bg-primary-hover text-primary-foreground`,children:`ส่งข้อความ`})]})]})})}export{y as component};