client/src/components/pedals.js


1
2
3
4
5
6
7
8
9
10
11

import { LinearProgress, Stack } from '@mui/material'

export function Pedals({throttlePercentage, brakePercentage, clutchPercentage, AbsActive}) {
  return (
    <Stack sx={{ width: '100%' }} spacing={1}>
      <LinearProgress variant="determinate" value={100 - clutchPercentage * 100} />
      <LinearProgress variant="determinate" color="secondary" value={brakePercentage * 100} />
      <LinearProgress variant="determinate" color="success" value={throttlePercentage * 100} />
    </Stack>
  );
}