WIP 4

packages/ui/components/Detail.tsx

@@ -0,0 +1,26 @@
+"use client";
+
+import { FC } from "react";
+import { Grid, Box } from "@mui/material";
+import { typography } from "../styles/theme";
+
+interface DetailProps {
+  title: string;
+  entity: string;
+  children: any;
+}
+
+export const Detail: FC<DetailProps> = ({ title, entity, children }) => {
+  const { h3 } = typography;
+
+  return (
+    <Box sx={{ height: "100vh", backgroundColor: "#ddd", p: 3 }}>
+      <Grid container direction="column">
+        <Grid item>
+          <Box sx={h3}>{title}</Box>
+        </Grid>
+        <Grid item>{children}</Grid>
+      </Grid>
+    </Box>
+  );
+};