20 lines
440 B
TypeScript
20 lines
440 B
TypeScript
|
import React from "react";
|
||
|
|
import { Box, Typography } from "@mui/material";
|
||
|
|
|
||
|
|
type ArticleProps = {
|
||
|
|
header: JSX.Element;
|
||
|
|
body: JSX.Element;
|
||
|
|
isBoby?: boolean;
|
||
|
|
};
|
||
|
|
|
||
|
|
export const Article = ({ header, body, isBoby = false }: ArticleProps) => {
|
||
|
|
return (
|
||
|
|
<Box component="section">
|
||
|
|
<Box>
|
||
|
|
<Typography variant="h1">{header}</Typography>
|
||
|
|
</Box>
|
||
|
|
{isBoby ? <Box>{body}</Box> : <React.Fragment />}
|
||
|
|
</Box>
|
||
|
|
);
|
||
|
|
};
|