function GrayFullWidthSection({ children }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-gray-400 w-full h-[120px]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, children); } function GrayFullWidthSectionStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(GrayFullWidthSection, { __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white flex flex-col overflow-hidden", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(GrayFullWidthSection, { __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "p-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left text-xl", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-lg", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, "ユーザー名")), /*#__PURE__*/ React.createElement("i", { className: "fas fa-ellipsis-h text-xl", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "text-black p-4", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[72px] h-[72px] bg-gray-400 rounded-full", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl flex-1", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "ユーザー名"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-cog text-xl", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-sm mt-2", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "@ユーザーID"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-sm py-4", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, "個人の紹介文がここに入ります。"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4 text-sm", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt", __source: { fileName: "", lineNumber: 22, columnNumber: 14 }, __self: this }), " 場所"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-link", __source: { fileName: "", lineNumber: 23, columnNumber: 14 }, __self: this }), " リンク"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-birthday-cake", __source: { fileName: "", lineNumber: 24, columnNumber: 14 }, __self: this }), " 生年月日")), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 pt-4", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 27, columnNumber: 14 }, __self: this }, "フォロー中"), " 数字"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 28, columnNumber: 14 }, __self: this }, "フォロワー"), " 数字"))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-around bg-white text-black p-4 border-t border-gray-300", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-sm", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, "ポスト"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-sm", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, "ハイライト"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-sm", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, "タグ")), /*#__PURE__*/ React.createElement("div", { className: "text-black flex flex-wrap", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-1/3 p-1", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full h-[120px] bg-gray-400", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-1/3 p-1", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full h-[120px] bg-gray-400", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-1/3 p-1", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full h-[120px] bg-gray-400", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this })))); }