import {Fab} from "@mui/material";
import UpIcon from '@mui/icons-material';
import {blue} from "@mui/material/colors";

const UpButton = () => {
    return (
        <Fab sx={{
            alpha: '30%',
            position: 'sticky',
            left: 'calc(100% - 16px)',
            bottom: '16px',
            color: 'common.white',
            bgcolor: blue[600],
            '&:hover': {
                bgcolor: blue[600],
            },
        }}
             onClick={() => window.window.scrollTo(0, 0)}
             aria-label='Expand'
             color='inherit'>
            <UpIcon/>
        </Fab>
    )
}