mirror of
https://github.com/bitburner-official/bitburner-src.git
synced 2024-10-23 10:13:13 +02:00
39 lines
892 B
TypeScript
39 lines
892 B
TypeScript
import { Slider, Tooltip, Typography, Box } from "@mui/material";
|
|
import React from "react";
|
|
|
|
interface IProps {
|
|
value: any;
|
|
callback: (event: any, newValue: number | number[]) => void;
|
|
step: number;
|
|
min: number;
|
|
max: number;
|
|
tooltip: React.ReactElement;
|
|
label: string;
|
|
marks?: boolean;
|
|
}
|
|
|
|
export const OptionsSlider = (props: IProps): React.ReactElement => {
|
|
return (
|
|
<Box>
|
|
<Tooltip title={<Typography>{props.tooltip}</Typography>}>
|
|
<Typography>{props.label}</Typography>
|
|
</Tooltip>
|
|
<Slider
|
|
value={props.value}
|
|
onChange={props.callback}
|
|
step={props.step}
|
|
min={props.min}
|
|
max={props.max}
|
|
valueLabelDisplay="auto"
|
|
sx={{
|
|
"& .MuiSlider-thumb": {
|
|
height: "12px",
|
|
width: "12px",
|
|
},
|
|
}}
|
|
marks={props.marks}
|
|
/>
|
|
</Box>
|
|
);
|
|
};
|