1import { AppBar as MuiAppBar, Toolbar, Typography, Button, Box } from '@mui/material';
2import { Download, MenuBook } from '@mui/icons-material';
4interface AppBarProps {
5 onDownload: () => void;
6}
8const AppBar: React.FC<AppBarProps> = ({ onDownload }) => {
9 return (
10 <MuiAppBar position="static" elevation={1}>
11 <Toolbar>
12 <Typography variant="h6" component="div" sx={{ flexGrow: 1 }}>
13 Proofery - Proof Verification (WIP)
14 </Typography>
15 <Box sx={{ display: 'flex', gap: 1 }}>
16 <Button
17 color="inherit"
18 startIcon={<MenuBook />}
19 href="https://github.com/concept-collection/proofery"
20 target="_blank"
21 rel="noopener noreferrer"
22 >
23 Docs
24 </Button>
25 <Button
26 color="inherit"
27 startIcon={<Download />}
28 onClick={onDownload}
29 >
30 Download .prf
31 </Button>
32 </Box>
33 </Toolbar>
34 </MuiAppBar>
35 );
36};
38export default AppBar;