feat: allow passing className to Page

1 files changed, 5 insertions, 2 deletions

diff --git a/src/containers/Page.tsx b/src/containers/Page.tsx
index c05ef4b..879d130 100644
--- a/src/containers/Page.tsx
+++ b/src/containers/Page.tsx
@@ -9,9 +9,10 @@ export interface Action extends ButtonProps {
 interface Props {
   title?: string;
   actions?: Action[];
+  className?: string;
 }
 
-const Page: React.FC<Props> = ({ title, actions, children }) => (
+const Page: React.FC<Props> = ({ title, actions, className, children }) => (
   <Paper>
     <div className="mb-2 flex justify-between items-center">
       <span className="text-2xl font-bold">{title}</span>
@@ -19,7 +20,9 @@ const Page: React.FC<Props> = ({ title, actions, children }) => (
         {actions?.map(action => (<Button {...action} key={action.name} size="sm">{action.name}</Button>))}
       </div>
     </div>
-    {children}
+    <div className={className}>
+      {children}
+    </div>
   </Paper>
 );