{"ast":null,"code":"import _slicedToArray from \"/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/slicedToArray\";\n\nvar _this = this,\n _jsxFileName = \"/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/src/components/ButtonDemo.js\";\n\nimport React, { useState } from 'react';\nimport { Button } from 'primereact/button';\nimport { SplitButton } from 'primereact/splitbutton';\n\nvar ButtonDemo = function ButtonDemo() {\n var _useState = useState(false),\n _useState2 = _slicedToArray(_useState, 2),\n loading1 = _useState2[0],\n setLoading1 = _useState2[1];\n\n var _useState3 = useState(false),\n _useState4 = _slicedToArray(_useState3, 2),\n loading2 = _useState4[0],\n setLoading2 = _useState4[1];\n\n var _useState5 = useState(false),\n _useState6 = _slicedToArray(_useState5, 2),\n loading3 = _useState6[0],\n setLoading3 = _useState6[1];\n\n var _useState7 = useState(false),\n _useState8 = _slicedToArray(_useState7, 2),\n loading4 = _useState8[0],\n setLoading4 = _useState8[1];\n\n var onLoadingClick1 = function onLoadingClick1() {\n setLoading1(true);\n setTimeout(function () {\n setLoading1(false);\n }, 2000);\n };\n\n var onLoadingClick2 = function onLoadingClick2() {\n setLoading2(true);\n setTimeout(function () {\n setLoading2(false);\n }, 2000);\n };\n\n var onLoadingClick3 = function onLoadingClick3() {\n setLoading3(true);\n setTimeout(function () {\n setLoading3(false);\n }, 2000);\n };\n\n var onLoadingClick4 = function onLoadingClick4() {\n setLoading4(true);\n setTimeout(function () {\n setLoading4(false);\n }, 2000);\n };\n\n var items = [{\n label: 'Update',\n icon: 'pi pi-refresh'\n }, {\n label: 'Delete',\n icon: 'pi pi-times'\n }, {\n label: 'Home',\n icon: 'pi pi-home'\n }];\n return /*#__PURE__*/React.createElement(\"div\", {\n className: \"grid\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 59,\n columnNumber: 9\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"col-12 md:col-6\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 60,\n columnNumber: 13\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"card\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 61,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 62,\n columnNumber: 21\n }\n }, \"Default\"), /*#__PURE__*/React.createElement(Button, {\n label: \"Submit\",\n className: \"mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 63,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Disabled\",\n className: \"mr-2 mb-2\",\n disabled: true,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 64,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Link\",\n className: \"p-button-link mb-2 mr-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 65,\n columnNumber: 21\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"card\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 68,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 69,\n columnNumber: 21\n }\n }, \"Severities\"), /*#__PURE__*/React.createElement(Button, {\n label: \"Primary\",\n className: \"mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 70,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Secondary\",\n className: \"p-button-secondary mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 71,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Success\",\n className: \"p-button-success mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 72,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Info\",\n className: \"p-button-info mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 73,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Warning\",\n className: \"p-button-warning mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 74,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Danger\",\n className: \"p-button-danger mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 75,\n columnNumber: 21\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"card\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 78,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 79,\n columnNumber: 21\n }\n }, \"Text\"), /*#__PURE__*/React.createElement(Button, {\n label: \"Primary\",\n className: \"p-button-text mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 80,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Secondary\",\n className: \"p-button-secondary p-button-text mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 81,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Success\",\n className: \"p-button-success p-button-text mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 82,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Info\",\n className: \"p-button-info p-button-text mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 83,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Warning\",\n className: \"p-button-warning p-button-text mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 84,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Help\",\n className: \"p-button-help p-button-text mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 85,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Danger\",\n className: \"p-button-danger p-button-text mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 86,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Plain\",\n className: \"p-button-plain p-button-text mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 87,\n columnNumber: 21\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"card\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 90,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 91,\n columnNumber: 21\n }\n }, \"Outlined\"), /*#__PURE__*/React.createElement(Button, {\n label: \"Primary\",\n className: \"p-button-outlined mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 92,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Secondary\",\n className: \"p-button-outlined p-button-secondary mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 93,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Success\",\n className: \"p-button-outlined p-button-success mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 94,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Info\",\n className: \"p-button-outlined p-button-info mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 95,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Warning\",\n className: \"p-button-outlined p-button-warning mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 96,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Help\",\n className: \"p-button-outlined p-button-help mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 97,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Danger\",\n className: \"p-button-outlined p-button-danger mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 98,\n columnNumber: 21\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"card\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 101,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 102,\n columnNumber: 21\n }\n }, \"Button Group\"), /*#__PURE__*/React.createElement(\"span\", {\n className: \"p-buttonset\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 103,\n columnNumber: 21\n }\n }, /*#__PURE__*/React.createElement(Button, {\n label: \"Save\",\n icon: \"pi pi-check\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 104,\n columnNumber: 25\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Delete\",\n icon: \"pi pi-trash\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 105,\n columnNumber: 25\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Cancel\",\n icon: \"pi pi-times\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 106,\n columnNumber: 25\n }\n }))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"card\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 110,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 111,\n columnNumber: 21\n }\n }, \"SplitButton\"), /*#__PURE__*/React.createElement(SplitButton, {\n label: \"Save\",\n icon: \"pi pi-check\",\n model: items,\n className: \"p-button-secondary mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 112,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(SplitButton, {\n label: \"Save\",\n icon: \"pi pi-check\",\n model: items,\n className: \"p-button-success mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 113,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(SplitButton, {\n label: \"Save\",\n icon: \"pi pi-check\",\n model: items,\n className: \"p-button-info mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 114,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(SplitButton, {\n label: \"Save\",\n icon: \"pi pi-check\",\n model: items,\n className: \"p-button-warning mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 115,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(SplitButton, {\n label: \"Save\",\n icon: \"pi pi-check\",\n model: items,\n className: \"p-button-danger mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 116,\n columnNumber: 21\n }\n }))), /*#__PURE__*/React.createElement(\"div\", {\n className: \"col-12 md:col-6\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 120,\n columnNumber: 13\n }\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: \"card\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 121,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 122,\n columnNumber: 21\n }\n }, \"Icons\"), /*#__PURE__*/React.createElement(Button, {\n icon: \"pi pi-star-fill\",\n className: \"mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 123,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Bookmark\",\n icon: \"pi pi-bookmark\",\n className: \"mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 124,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Bookmark\",\n icon: \"pi pi-bookmark\",\n iconPos: \"right\",\n className: \"mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 125,\n columnNumber: 21\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"card\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 128,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 129,\n columnNumber: 21\n }\n }, \"Raised\"), /*#__PURE__*/React.createElement(Button, {\n label: \"Primary\",\n className: \"p-button-raised mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 130,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Secondary\",\n className: \"p-button-raised p-button-secondary mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 131,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Success\",\n className: \"p-button-raised p-button-success mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 132,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Info\",\n className: \"p-button-raised p-button-info mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 133,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Warning\",\n className: \"p-button-raised p-button-warning mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 134,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Danger\",\n className: \"p-button-raised p-button-danger mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 135,\n columnNumber: 21\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"card\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 138,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 139,\n columnNumber: 21\n }\n }, \"Rounded\"), /*#__PURE__*/React.createElement(Button, {\n label: \"Primary\",\n className: \"p-button-rounded mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 140,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Secondary\",\n className: \"p-button-rounded p-button-secondary mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 141,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Success\",\n className: \"p-button-rounded p-button-success mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 142,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Info\",\n className: \"p-button-rounded p-button-info mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 143,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Warning\",\n className: \"p-button-rounded p-button-warning mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 144,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n label: \"Danger\",\n className: \"p-button-rounded p-button-danger mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 145,\n columnNumber: 21\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"card\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 148,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 149,\n columnNumber: 21\n }\n }, \"Rounded Icons\"), /*#__PURE__*/React.createElement(Button, {\n icon: \"pi pi-star\",\n className: \"p-button-rounded mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 150,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n icon: \"pi pi-bookmark\",\n className: \"p-button-rounded p-button-secondary mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 151,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n icon: \"pi pi-check\",\n className: \"p-button-rounded p-button-success mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 152,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n icon: \"pi pi-search\",\n className: \"p-button-rounded p-button-info mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 153,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n icon: \"pi pi-user\",\n className: \"p-button-rounded p-button-warning mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 154,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n icon: \"pi pi-sign-out\",\n className: \"p-button-rounded p-button-danger mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 155,\n columnNumber: 21\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"card\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 158,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 159,\n columnNumber: 21\n }\n }, \"Rounded Text\"), /*#__PURE__*/React.createElement(Button, {\n icon: \"pi pi-check\",\n className: \"p-button-rounded p-button-text mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 160,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n icon: \"pi pi-bookmark\",\n className: \"p-button-rounded p-button-secondary p-button-text mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 161,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n icon: \"pi pi-search\",\n className: \"p-button-rounded p-button-success p-button-text mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 162,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n icon: \"pi pi-user\",\n className: \"p-button-rounded p-button-info p-button-text mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 163,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n icon: \"pi pi-bell\",\n className: \"p-button-rounded p-button-warning p-button-text mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 164,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n icon: \"pi pi-heart\",\n className: \"p-button-rounded p-button-help p-button-text mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 165,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n icon: \"pi pi-times\",\n className: \"p-button-rounded p-button-danger p-button-text mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 166,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n icon: \"pi pi-filter\",\n className: \"p-button-rounded p-button-plain p-button-text mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 167,\n columnNumber: 21\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"card\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 170,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 171,\n columnNumber: 21\n }\n }, \"Rounded Outlined\"), /*#__PURE__*/React.createElement(Button, {\n icon: \"pi pi-check\",\n className: \"p-button-rounded p-button-outlined mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 172,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n icon: \"pi pi-bookmark\",\n className: \"p-button-rounded p-button-secondary p-button-outlined mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 173,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n icon: \"pi pi-search\",\n className: \"p-button-rounded p-button-success p-button-outlined mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 174,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n icon: \"pi pi-user\",\n className: \"p-button-rounded p-button-info p-button-outlined mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 175,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n icon: \"pi pi-bell\",\n className: \"p-button-rounded p-button-warning p-button-outlined mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 176,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n icon: \"pi pi-heart\",\n className: \"p-button-rounded p-button-help p-button-outlined mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 177,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n icon: \"pi pi-times\",\n className: \"p-button-rounded p-button-danger p-button-outlined mr-2 mb-2\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 178,\n columnNumber: 21\n }\n })), /*#__PURE__*/React.createElement(\"div\", {\n className: \"card\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 181,\n columnNumber: 17\n }\n }, /*#__PURE__*/React.createElement(\"h5\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 182,\n columnNumber: 21\n }\n }, \"Loading\"), /*#__PURE__*/React.createElement(Button, {\n className: \"mr-2 mb-2\",\n label: \"Search\",\n icon: \"pi pi-search\",\n loading: loading1,\n onClick: onLoadingClick1,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 183,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n className: \"mr-2 mb-2\",\n label: \"Search\",\n icon: \"pi pi-search\",\n iconPos: \"right\",\n loading: loading2,\n onClick: onLoadingClick2,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 184,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n className: \"mr-2 mb-2\",\n icon: \"pi pi-search\",\n loading: loading3,\n onClick: onLoadingClick3,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 185,\n columnNumber: 21\n }\n }), /*#__PURE__*/React.createElement(Button, {\n className: \"mr-2 mb-2\",\n label: \"Search\",\n loading: loading4,\n onClick: onLoadingClick4,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 186,\n columnNumber: 21\n }\n }))));\n};\n\nvar comparisonFn = function comparisonFn(prevProps, nextProps) {\n return prevProps.location.pathname === nextProps.location.pathname;\n};\n\nexport default React.memo(ButtonDemo, comparisonFn);","map":{"version":3,"names":["React","useState","Button","SplitButton","ButtonDemo","loading1","setLoading1","loading2","setLoading2","loading3","setLoading3","loading4","setLoading4","onLoadingClick1","setTimeout","onLoadingClick2","onLoadingClick3","onLoadingClick4","items","label","icon","comparisonFn","prevProps","nextProps","location","pathname","memo"],"sources":["/Users/paolasanchez/Desktop/Pry4/Katoikia/katoikia-app/web-ui/sakai-react/src/components/ButtonDemo.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { Button } from 'primereact/button';\nimport { SplitButton } from 'primereact/splitbutton';\n\nconst ButtonDemo = () => {\n const [loading1, setLoading1] = useState(false);\n const [loading2, setLoading2] = useState(false);\n const [loading3, setLoading3] = useState(false);\n const [loading4, setLoading4] = useState(false);\n\n const onLoadingClick1 = () => {\n setLoading1(true);\n\n setTimeout(() => {\n setLoading1(false);\n }, 2000);\n }\n\n const onLoadingClick2 = () => {\n setLoading2(true);\n\n setTimeout(() => {\n setLoading2(false);\n }, 2000);\n }\n\n const onLoadingClick3 = () => {\n setLoading3(true);\n\n setTimeout(() => {\n setLoading3(false);\n }, 2000);\n }\n\n const onLoadingClick4 = () => {\n setLoading4(true);\n\n setTimeout(() => {\n setLoading4(false);\n }, 2000);\n }\n\n const items = [\n {\n label: 'Update',\n icon: 'pi pi-refresh'\n },\n {\n label: 'Delete',\n icon: 'pi pi-times'\n },\n {\n label: 'Home',\n icon: 'pi pi-home'\n }\n ];\n\n return (\n