function CircularButtonAndIcon({ iconClass, buttonText }) { return /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mt-2", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `text-[#1da1f2] ${iconClass}`, __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-[#1da1f2] text-white px-4 py-2 rounded-full font-bold", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, buttonText)); } function CircularButtonAndIconStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(CircularButtonAndIcon, { iconClass: "fas fa-image", buttonText: "ツイートする", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "w-full h-full bg-[#e6ecf0] font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#1da1f2] p-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-white text-2xl font-bold", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "ツイッター")), /*#__PURE__*/ React.createElement("main", { className: "p-4", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(CircularButtonAndIcon, { iconClass: "fas fa-home", buttonText: "ホーム", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(CircularButtonAndIcon, { iconClass: "fas fa-bell", buttonText: "通知", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(CircularButtonAndIcon, { iconClass: "fas fa-envelope", buttonText: "メッセージ", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(CircularButtonAndIcon, { iconClass: "fas fa-user", buttonText: "プロフィール", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(CircularButtonAndIcon, { iconClass: "fas fa-ellipsis-h", buttonText: "もっと見る", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }))); }