opus-toolkit-components 0.5.8 → 0.6.0

package/lib/{main.8b9a0aadd5134af0a7c7.js → main.18daf43f1525a172b45f.js}

@@ -591,6 +591,7 @@ __webpack_require__.d(__webpack_exports__, {
   DatePicker: () => (/* reexport */ DatePicker),
   Dropdown: () => (/* reexport */ Dropdown),
   Input: () => (/* reexport */ Inputs_Input),
+  Loader: () => (/* reexport */ Loader),
   Modal: () => (/* reexport */ Modals_Modal),
   Navbar: () => (/* reexport */ Navbar_Navbar),
   RadioButton: () => (/* reexport */ Radios_RadioButton),
@@ -12297,6 +12298,24 @@ const Modal = _ref => {
   }, footer)));
 };
 /* harmony default export */ const Modals_Modal = (Modal);
+;// ./src/components/Loader/Loader.js
+
+
+function Loader(_ref) {
+  let {
+    isLoading,
+    loaderText = "loading..."
+  } = _ref;
+  return isLoading && /*#__PURE__*/external_react_default().createElement("div", {
+    className: "fixed inset-0 flex flex-col items-center justify-center bg-greySunkenDark1000 bg-opacity-80 z-50"
+  }, /*#__PURE__*/external_react_default().createElement("img", {
+    src: c247_icon_only,
+    alt: "Loading",
+    className: "w-30 h-30 animate-pulse"
+  }), /*#__PURE__*/external_react_default().createElement("h4", {
+    className: "mt-4 text-greyBaseLight text-lg font-medium animate-pulse"
+  }, loaderText));
+}
 ;// ./src/index.js
 
 
@@ -12308,8 +12327,9 @@ const Modal = _ref => {
 
 
 
+
 /******/ 	return __webpack_exports__;
 /******/ })()
 ;
 });
-//# sourceMappingURL=main.8b9a0aadd5134af0a7c7.js.map
+//# sourceMappingURL=main.18daf43f1525a172b45f.js.map