feat: add Page component

1 files changed, 25 insertions, 0 deletions

diff --git a/src/containers/Page.tsx b/src/containers/Page.tsx
new file mode 100644
index 0000000..0c8269e
--- /dev/null
+++ b/src/containers/Page.tsx
@@ -0,0 +1,25 @@
+import React from 'react';
+import Paper from '../components/Paper';
+import Button from '../components/Button';
+
+interface Action {
+  name: string;
+  route: string;
+}
+
+interface Props {
+  title: string;
+  actions?: Action[];
+}
+
+const Page: React.FC<Props> = ({ title, actions, children }) => (
+  <Paper>
+    <div className="mb-2 flex justify-between items-center">
+      <span className="text-2xl font-bold">{title}</span>
+      {actions?.map(action => (<Button size="sm" route={action.route}>{action.name}</Button>))}
+    </div>
+    {children}
+  </Paper>
+);
+
+export default Page;