52 lines
1.4 KiB
JavaScript
52 lines
1.4 KiB
JavaScript
// import * as React from 'react';
|
|
import AppBar from '@mui/material/AppBar';
|
|
import Box from '@mui/material/Box';
|
|
import Toolbar from '@mui/material/Toolbar';
|
|
import Typography from '@mui/material/Typography';
|
|
import Container from '@mui/material/Container';
|
|
import Avatar from '@mui/material/Avatar';
|
|
import Tooltip from '@mui/material/Tooltip';
|
|
|
|
|
|
const ResponsiveAppBarIndex = () => {
|
|
|
|
return (
|
|
<AppBar position="static">
|
|
<Container maxWidth="xl">
|
|
<Toolbar disableGutters>
|
|
<Typography
|
|
variant="h6"
|
|
noWrap
|
|
component="div"
|
|
sx={{ mr: 2, display: { xs: 'none', md: 'flex' } }}
|
|
>
|
|
Rekam Medis
|
|
</Typography>
|
|
|
|
<Box sx={{ flexGrow: 1, display: { xs: 'flex', md: 'none' } }}>
|
|
</Box>
|
|
<Typography
|
|
variant="h6"
|
|
noWrap
|
|
component="div"
|
|
|
|
sx={{ flexGrow: 1, display: { xs: 'flex', md: 'none' } }}
|
|
>
|
|
Rekam Medis
|
|
</Typography>
|
|
<Box sx={{ flexGrow: 1, display: { xs: 'none', md: 'flex' } }}>
|
|
</Box>
|
|
|
|
<Box sx={{ flexGrow: 0 }}>
|
|
<Tooltip title="No User">
|
|
<Avatar alt="Remy Sharp" src="https://kicap-karan.com/assets/img/me.jpg" />
|
|
</Tooltip>
|
|
|
|
</Box>
|
|
</Toolbar>
|
|
</Container>
|
|
</AppBar>
|
|
);
|
|
};
|
|
export default ResponsiveAppBarIndex;
|