import React from "react";
import { Container, Typography } from "@mui/material";
import Stack from "@mui/material/Stack";
import RadarIcon from "@mui/icons-material/Radar";

export default function AppHeader() {
    return (
        <>
            <Container maxWidth={false} className="app-header">
                <Stack direction="row" justifyContent="flex-start" alignItems="center" spacing={2}>
                    <RadarIcon fontSize="large" className="icon" />
                    <Typography component="h1">pingator</Typography>
                </Stack>
            </Container>
        </>
    );
}