amplify-material-ui
Version:
A Material-UI based implementation of aws amplify
28 lines (27 loc) • 1.02 kB
JavaScript
import * as React from 'react';
import { Avatar, Box, Typography } from '@mui/material';
import LockOutlinedIcon from '@mui/icons-material/LockOutlined';
import makeStyles from '@mui/styles/makeStyles';
import createStyles from '@mui/styles/createStyles';
var useStyles = makeStyles(function (theme) {
return createStyles({
box: {
marginTop: theme.spacing(1),
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
},
avatar: {
margin: theme.spacing(1),
backgroundColor: theme.palette.secondary.main,
},
});
});
export var SectionHeader = function (_a) {
var children = _a.children;
var classes = useStyles();
return (React.createElement(Box, { className: classes.box },
React.createElement(Avatar, { className: classes.avatar },
React.createElement(LockOutlinedIcon, null)),
React.createElement(Typography, { component: "h1", variant: "h6" }, children)));
};