Merge branch 'main' into PRWLR-4123-Providers-Page-Table

app/(prowler)/providers/page.tsx

@@ -1,7 +1,7 @@
 import { Spacer } from "@nextui-org/react";
 import React from "react";
 
-import { CustomTable, Header } from "@/components";
+import { CustomTable, Header, ModalWrap } from "@/components";
 
 const visibleColumns: string[] = [
   "account",
@@ -15,6 +15,11 @@ const visibleColumns: string[] = [
 ];
 
 export default function Providers() {
+  const onSave = async () => {
+    "use server";
+    // event we want to pass down, ex. console.log("### hello");
+  };
+
   return (
     <>
       <Header title="Providers" icon="fluent:cloud-sync-24-regular" />
@@ -25,6 +30,17 @@ export default function Providers() {
         selectionMode={"none"}
       />
       <Spacer />
+      <ModalWrap
+        modalTitle="Modal Title"
+        modalBody={
+          <>
+            <p>Modal body content</p>
+          </>
+        }
+        actionButtonLabel="Save"
+        onAction={onSave}
+        openButtonLabel="Open Modal"
+      />
     </>
   );
 }