function MainComponent() { const [fontSize, setFontSize] = React.useState("text-lg"); const [color, setColor] = React.useState("text-[#000000]"); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col p-4 space-y-4 font-roboto", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 items-center", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "fontSize", className: "font-roboto", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "文字サイズ"), /*#__PURE__*/ React.createElement("select", { id: "fontSize", name: "fontSize", className: "border p-2", value: fontSize, onChange: (e)=>setFontSize(e.target.value), __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "text-sm", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "小さい"), /*#__PURE__*/ React.createElement("option", { value: "text-lg", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "普通"), /*#__PURE__*/ React.createElement("option", { value: "text-xl", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "大きい")), /*#__PURE__*/ React.createElement("label", { htmlFor: "color", className: "font-roboto", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, "文字色"), /*#__PURE__*/ React.createElement("input", { type: "color", id: "color", name: "color", className: "border p-2", value: color, onChange: (e)=>setColor(e.target.value), __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "content_block", placeholder: "内容ブロック", className: `border p-2 ${fontSize} ${color} w-1/4`, __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "amount_block", placeholder: "金額ブロック", className: `border p-2 ${fontSize} ${color} w-1/4`, __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "period_block", className: `border p-2 ${fontSize} ${color} w-1/4`, __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "year", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, "年"), /*#__PURE__*/ React.createElement("option", { value: "month", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "月")), /*#__PURE__*/ React.createElement("textarea", { name: "proposal_block", placeholder: "ご提案（メモ欄）", className: `border p-2 ${fontSize} ${color} w-1/4 h-[100px]`, __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mt-6", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "fas fa-arrow-right text-2xl", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this })))); }