feat(admin): GrayCard componet now has a "as" property for overriding…

… base Element type
SocialGouv · Nov 11, 2024 · b8936ce · b8936ce
1 parent 0645d19
commit b8936ce
Showing 1 changed file with 13 additions and 8 deletions.
diff --git a/packages/reva-admin-react/src/components/card/gray-card/GrayCard.tsx b/packages/reva-admin-react/src/components/card/gray-card/GrayCard.tsx
@@ -4,15 +4,20 @@ export const GrayCard = ({
   children,
   className,
   "data-test": dataTest,
+  as = "li",
 }: {
   children: ReactNode;
   className?: string;
   "data-test"?: string;
-}) => (
-  <li
-    data-test={dataTest}
-    className={`bg-neutral-100 p-4 sm:p-6 flex flex-col ${className || ""}`}
-  >
-    {children}
-  </li>
-);
+  as?: React.ElementType;
+}) => {
+  const Component = as;
+  return (
+    <Component
+      data-test={dataTest}
+      className={`bg-neutral-100 p-4 sm:p-6 flex flex-col ${className || ""}`}
+    >
+      {children}
+    </Component>
+  );
+};