Narongpol Kijrangsan
4a37207905
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
38 lines
866 B
JavaScript
38 lines
866 B
JavaScript
import React from "react";
|
|
import { makeStyles } from "@material-ui/styles";
|
|
import { Grid, Typography } from "@material-ui/core";
|
|
|
|
const useStyles = makeStyles(theme => ({
|
|
item: {
|
|
margin: `${theme.spacing(1.5)}px 0`
|
|
}
|
|
}));
|
|
|
|
export const MenuItem = ({ children, title = "", row = false }) => {
|
|
const classes = useStyles();
|
|
|
|
return (
|
|
<div className={classes.item}>
|
|
<Grid
|
|
item
|
|
container
|
|
direction={row ? "row" : "column"}
|
|
alignItems={row ? "center" : "flex-start"}
|
|
>
|
|
{title && (
|
|
<Grid item xs={12}>
|
|
<Typography
|
|
gutterBottom
|
|
color="textSecondary"
|
|
variant="button"
|
|
component="div"
|
|
>
|
|
{title}
|
|
</Typography>
|
|
</Grid>
|
|
)}
|
|
{children}
|
|
</Grid>
|
|
</div>
|
|
);
|
|
};
|