function CircularActionButton({ onClick }) { return /*#__PURE__*/ React.createElement("button", { onClick: onClick, className: "bg-[#0fb9E3] text-white p-4 rounded-full fixed bottom-32 right-4 text-2xl font-bold", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, "+"); } function CircularActionButtonStory() { const handleClick = ()=>alert('Menu triggered'); return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(CircularActionButton, { onClick: handleClick, __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this })); } function BottomBarIcons({ icons }) { return /*#__PURE__*/ React.createElement("div", { className: "flex justify-evenly w-full p-4 bg-white shadow-md fixed bottom-0", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, icons.map((icon, index)=>/*#__PURE__*/ React.createElement("i", { key: index, className: `fa ${icon} text-2xl text-gray-800`, __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }))); } function BottomBarIconsStory() { const icons = [ 'fa-calendar', 'fa-bar-chart', 'fa-user' ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(BottomBarIcons, { icons: icons, __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this })); } function MainComponent() { const icons = [ 'fa-calendar', 'fa-bar-chart', 'fa-user' ]; const handleClick = ()=>{ alert('Menu triggered'); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#0177a4] h-screen flex flex-col justify-between items-center font-futura", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full flex-1 flex justify-center items-center", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-white text-xl", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "Create New Task")), /*#__PURE__*/ React.createElement(CircularActionButton, { onClick: handleClick, __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(BottomBarIcons, { icons: icons, __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this })); }