function MainComponent() { const handleSubmit = (event)=>{ event.preventDefault(); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center p-4 bg-[#f7f7f7] min-h-screen", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-[#333] mb-8", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, "Character Sheet"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "w-full max-w-lg", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4 mb-4", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Character Name", name: "characterName", className: "col-span-2 p-2 border rounded font-roboto", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Class", name: "class", className: "p-2 border rounded font-roboto", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Race", name: "race", className: "p-2 border rounded font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", placeholder: "Level", name: "level", className: "p-2 border rounded font-roboto", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Alignment", name: "alignment", className: "p-2 border rounded font-roboto", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { placeholder: "Character Backstory", name: "backstory", className: "p-2 w-full h-40 border rounded font-roboto", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-4 mb-4", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-bold text-[#333]", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, "Strength"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "strength", className: "p-2 border rounded w-full font-roboto", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-bold text-[#333]", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "Dexterity"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "dexterity", className: "p-2 border rounded w-full font-roboto", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-bold text-[#333]", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, "Constitution"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "constitution", className: "p-2 border rounded w-full font-roboto", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-bold text-[#333]", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, "Intelligence"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "intelligence", className: "p-2 border rounded w-full font-roboto", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-bold text-[#333]", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, "Wisdom"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "wisdom", className: "p-2 border rounded w-full font-roboto", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-bold text-[#333]", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, "Charisma"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "charisma", className: "p-2 border rounded w-full font-roboto", __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end", __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-6 py-2 bg-[#007bff] text-white rounded font-roboto", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, "Save")))); }