type issues

aeharding · Nov 23, 2024 · 35170d6 · 35170d6
1 parent f44b364
commit 35170d6
Showing 1 changed file with 9 additions and 6 deletions.
diff --git a/src/features/media/gallery/actions/shared.tsx b/src/features/media/gallery/actions/shared.tsx
@@ -1,21 +1,24 @@
+import React from "react";
+
 import { cx } from "#/helpers/css";
 
 import styles from "./shared.module.css";
 
-export function BottomContainer() {
-  return <div className={styles.bottomContainer} />;
+export function BottomContainer({ children }: React.PropsWithChildren) {
+  return <div className={styles.bottomContainer}>{children}</div>;
 }
 
-interface BottomContainerActionsProps {
+interface BottomContainerActionsProps extends React.PropsWithChildren {
   withBg: boolean;
 }
 
 export function BottomContainerActions({
   withBg,
+  children,
 }: BottomContainerActionsProps) {
   return (
-    <div
-      className={cx(styles.bottomContainerActions, withBg && styles.withBg)}
-    />
+    <div className={cx(styles.bottomContainerActions, withBg && styles.withBg)}>
+      {children}
+    </div>
   );
 }