link-stack/packages/ui/components/Detail.tsx
Darren Clarke b8c6e893ff WIP 4
2024-03-17 12:58:25 +01:00

26 lines
578 B
TypeScript

"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>
);
};