import { Grid, Container, Typography, Paper } from "@mui/material";

export default function PostLayout({ children, meta }) {
  return (
    <Container>
      <Grid container spacing={3}>
        <Grid item xs={12}>
          <Paper
            style={{
              padding: "1rem",
              margin: "1rem",
              backgroundColor: "#fafafa",
            }}
          >
            <Typography variant="h4">{meta.title}</Typography>
            <Typography variant="body1">{meta.description}</Typography>
            <hr />
            {children}
          </Paper>
        </Grid>
      </Grid>
    </Container>
  );
}