const{Card,TextField,Button}=window.RemedeStockDesignSystem_3e957a,LIcon=window.REMEDE.Icon;function Login(){const[a,l]=React.useState(""),[o,d]=React.useState(""),[n,r]=React.useState(""),[i,s]=React.useState(!1),c=window.REMEDE.useSaveGuard();return window.REMEDE.useLucide([n]),React.createElement("div",{style:{minHeight:"100vh",display:"flex",alignItems:"center",justifyContent:"center",background:"var(--surface-page)"}},React.createElement("div",{style:{width:"100%",maxWidth:400,padding:"0 20px"}},React.createElement("div",{style:{textAlign:"center",marginBottom:28}},React.createElement("div",{style:{fontFamily:"var(--font-brand)",fontSize:"var(--text-brand-lg)",fontWeight:600,color:"var(--navy-600)"}},"Remede"),React.createElement("div",{style:{fontSize:"var(--text-xs)",color:"var(--gold-600)",letterSpacing:"var(--tracking-caps)",textTransform:"uppercase"}},"Stock · ระบบจัดการสต๊อกยา")),React.createElement(Card,{padding:"lg"},React.createElement("form",{onSubmit:e=>(e.preventDefault(),c(async()=>{s(!0);try{const t=await window.REMEDE.auth.login(a.trim(),o);if(t&&t.error){r(t.error);return}r("")}catch{r("เข้าสู่ระบบไม่สำเร็จ กรุณาลองใหม่อีกครั้ง")}finally{s(!1)}})),style:{display:"flex",flexDirection:"column",gap:16}},React.createElement("h2",{style:{fontSize:"var(--text-xl)",fontWeight:600,color:"var(--text-strong)",marginBottom:4}},"เข้าสู่ระบบ"),React.createElement(TextField,{label:"ชื่อผู้ใช้",required:!0,value:a,onChange:e=>l(e.target.value),placeholder:"username",iconLeft:React.createElement(LIcon,{n:"user",s:16})}),React.createElement(TextField,{label:"รหัสผ่าน",required:!0,type:"password",value:o,onChange:e=>d(e.target.value),placeholder:"••••••••",iconLeft:React.createElement(LIcon,{n:"lock",s:16})}),n?React.createElement("div",{style:{color:"var(--danger-600)",fontSize:"var(--text-sm)"}},n):null,React.createElement(Button,{type:"submit",block:!0,size:"lg",disabled:i,iconLeft:React.createElement(LIcon,{n:"log-in",s:16})},i?"กำลังเข้าสู่ระบบ…":"เข้าสู่ระบบ")))))}window.Login=Login;