blob: 5ad80d40432a56af21060d143dfe69c9a440def4 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
import AppBar from '@mui/material/AppBar';
import Toolbar from '@mui/material/Toolbar';
import Typography from '@mui/material/Typography';
import React from 'react';
import ToggleDarkModeButton from './ToggleDarkModeButton';
export default function TopBar(): JSX.Element {
return (
<AppBar
position="static"
elevation={0}
color="transparent"
sx={(theme) => ({
background: theme.palette.outer.background,
borderBottom: `1px solid ${theme.palette.outer.border}`,
})}
>
<Toolbar>
<Typography variant="h6" component="h1" flexGrow={1}>
Refinery
</Typography>
<ToggleDarkModeButton />
</Toolbar>
</AppBar>
);
}
|