import { jsxs, jsx } from "react/jsx-runtime"; import { useForm, Head } from "@inertiajs/react"; import classNames from "classnames"; import { u as useRoute } from "../app.js"; import { A as AuthenticationCard } from "./AuthenticationCard--MCzdtHR.js"; import { T as TextInput, I as InputError } from "./TextInput-CMJy2hIv.js"; import { I as InputLabel } from "./InputLabel-DhqxoV6M.js"; import { P as PrimaryButton } from "./PrimaryButton-C2B8UWiv.js"; import "axios"; import "lodash"; import "react-dom/client"; import "react"; import "./AuthenticationCardLogo-CZgVhhfE.js"; function ConfirmPassword() { const route = useRoute(); const form = useForm({ password: "" }); function onSubmit(e) { e.preventDefault(); form.post(route("password.confirm"), { onFinish: () => form.reset() }); } return /* @__PURE__ */ jsxs(AuthenticationCard, { children: [ /* @__PURE__ */ jsx(Head, { title: "Secure Area" }), /* @__PURE__ */ jsx("div", { className: "mb-4 text-sm text-gray-600 dark:text-gray-400", children: "This is a secure area of the application. Please confirm your password before continuing." }), /* @__PURE__ */ jsxs("form", { onSubmit, children: [ /* @__PURE__ */ jsxs("div", { children: [ /* @__PURE__ */ jsx(InputLabel, { htmlFor: "password", children: "Password" }), /* @__PURE__ */ jsx( TextInput, { id: "password", type: "password", className: "mt-1 block w-full", value: form.data.password, onChange: (e) => form.setData("password", e.currentTarget.value), required: true, autoComplete: "current-password", autoFocus: true } ), /* @__PURE__ */ jsx(InputError, { className: "mt-2", message: form.errors.password }) ] }), /* @__PURE__ */ jsx("div", { className: "flex justify-end mt-4", children: /* @__PURE__ */ jsx( PrimaryButton, { className: classNames("ml-4", { "opacity-25": form.processing }), disabled: form.processing, children: "Confirm" } ) }) ] }) ] }); } export { ConfirmPassword as default };