function BlueSubmitButton({ children }) { return /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-4 px-4 py-2 bg-[#007bff] text-white rounded hover:bg-[#0056b3]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, children); } function MainComponent() { const [formData, setFormData] = React.useState({ hair: false, clothing: false, nail: false, shoes: false, smell: false, date: "" }); const [apiResponse, setApiResponse] = React.useState(null); const handleChange = (event)=>{ const { name, value, type, checked } = event.target; setFormData((prevFormData)=>({ ...prevFormData, [name]: type === "checkbox" ? checked : value })); }; const callChatGPTAPI = async (checklistData)=>{ const response = await fetch('https://api.example.com/getAdvice', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(checklistData) }); const data = await response.json(); setApiResponse(data); }; const handleSubmit = async (event)=>{ event.preventDefault(); callChatGPTAPI(formData); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center p-4 bg-[#f5f5f5]", __source: { fileName: "", lineNumber: 46, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto mb-4 text-[#121212]", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, "身だしなみチェック記録"), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-lg bg-white rounded-lg shadow p-6", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("fieldset", { className: "border p-4 rounded-lg", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("legend", { className: "font-roboto text-lg", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "就活生の身だしなみチェックリスト"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-2", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "inline-flex items-center", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "hair", checked: formData.hair, onChange: handleChange, className: "form-checkbox h-5 w-5", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 font-roboto", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, "髪型は整っているか")), /*#__PURE__*/ React.createElement("label", { className: "inline-flex items-center", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "clothing", checked: formData.clothing, onChange: handleChange, className: "form-checkbox h-5 w-5", __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 font-roboto", __source: { fileName: "", lineNumber: 58, columnNumber: 15 }, __self: this }, "服装はきちんとしているか")), /*#__PURE__*/ React.createElement("label", { className: "inline-flex items-center", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "nail", checked: formData.nail, onChange: handleChange, className: "form-checkbox h-5 w-5", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 font-roboto", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }, "爪は清潔に保たれているか")), /*#__PURE__*/ React.createElement("label", { className: "inline-flex items-center", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "shoes", checked: formData.shoes, onChange: handleChange, className: "form-checkbox h-5 w-5", __source: { fileName: "", lineNumber: 65, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 font-roboto", __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }, "靴は磨かれているか")), /*#__PURE__*/ React.createElement("label", { className: "inline-flex items-center", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "smell", checked: formData.smell, onChange: handleChange, className: "form-checkbox h-5 w-5", __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 font-roboto", __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }, "体臭や口臭のケアは行われているか")), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 font-roboto", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 74, columnNumber: 17 }, __self: this }, "入力日:"), /*#__PURE__*/ React.createElement("input", { type: "date", name: "date", value: formData.date, onChange: handleChange, className: "form-input mt-1 block w-full", __source: { fileName: "", lineNumber: 75, columnNumber: 17 }, __self: this }))))), /*#__PURE__*/ React.createElement(BlueSubmitButton, { __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, " 提出 ")), apiResponse && /*#__PURE__*/ React.createElement("div", { className: "mt-8 bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, "AI 改善アドバイス"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 font-roboto", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, apiResponse.advice))); }