diff options
Diffstat (limited to 'client/src/components/pedals.js')
| -rw-r--r-- | client/src/components/pedals.js | 11 |
1 files changed, 11 insertions, 0 deletions
diff --git a/client/src/components/pedals.js b/client/src/components/pedals.js new file mode 100644 index 0000000..12fdaf8 --- /dev/null +++ b/client/src/components/pedals.js @@ -0,0 +1,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> + ); +}
\ No newline at end of file |