function SquareElementDesign({ children }) { return /*#__PURE__*/ React.createElement("div", { className: "w-[100px] h-[100px] bg-gray-300 mb-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, children); } function SquareElementDesignStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SquareElementDesign, { __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "relative-path/image.jpg", alt: "logo with various elements", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }))); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "w-full min-h-screen bg-gradient-to-r from-[#f9dd00] via-[#f9af64] via-[#f38003] via-[#e8014f] to-[#8b2a8b] font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl mb-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "試作・WaRa0314アンケート")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-[#1990ee] bg-opacity-40 p-4", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4 text-center", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "今月のアンケート内容スクラッチでのミス！！をスクラッチでユーザー名と回答を公開するよ～！")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-[#f9dd00] bg-opacity-40 p-4", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "mb-4", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", name: "scratchUserName", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "スクラッチユーザー名を入力"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "scratchUserName", className: "w-full p-2 border border-gray-400 rounded", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", name: "surveyAnswer", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "アンケートの回答は？"), /*#__PURE__*/ React.createElement("textarea", { name: "surveyAnswer", className: "w-full p-2 border border-gray-400 rounded", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("footer", { className: "text-center py-4 text-sm", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, "Scratcher WaRa0314")); }

試作・WaRa0314アンケート

今月のアンケート内容 スクラッチでのミス！！ をスクラッチでユーザー名と回答を公開するよ～！

今月のアンケート内容スクラッチでのミス！！をスクラッチでユーザー名と回答を公開するよ～！