29 lines
746 B
JavaScript
29 lines
746 B
JavaScript
import * as React from 'react';
|
|
import {Avatar} from "@mui/material";
|
|
import Box from "@mui/material/Box";
|
|
import logo from "../img/ntfy2.svg";
|
|
|
|
const AvatarBox = (props) => {
|
|
return (
|
|
<Box
|
|
sx={{
|
|
display: 'flex',
|
|
flexGrow: 1,
|
|
justifyContent: 'center',
|
|
flexDirection: 'column',
|
|
alignContent: 'center',
|
|
alignItems: 'center',
|
|
height: '100vh'
|
|
}}
|
|
>
|
|
<Avatar
|
|
sx={{ m: 2, width: 64, height: 64, borderRadius: 3 }}
|
|
src={logo}
|
|
variant="rounded"
|
|
/>
|
|
{props.children}
|
|
</Box>
|
|
);
|
|
}
|
|
|
|
export default AvatarBox;
|