mirror of
https://github.com/bitburner-official/bitburner-src.git
synced 2024-10-23 18:23:15 +02:00
34 lines
906 B
TypeScript
34 lines
906 B
TypeScript
import { FormControlLabel, Switch, Tooltip, Typography } from "@mui/material";
|
|
import React, { useEffect, useState } from "react";
|
|
|
|
interface IProps {
|
|
checked: boolean;
|
|
onChange: (newValue: boolean, error?: string) => void;
|
|
text: React.ReactNode;
|
|
tooltip: React.ReactNode;
|
|
}
|
|
|
|
export function OptionSwitch({ checked, onChange, text, tooltip }: IProps): React.ReactElement {
|
|
const [value, setValue] = useState(checked);
|
|
|
|
function handleSwitchChange(event: React.ChangeEvent<HTMLInputElement>): void {
|
|
setValue(event.target.checked);
|
|
}
|
|
|
|
useEffect(() => onChange(value), [value]);
|
|
|
|
return (
|
|
<>
|
|
<FormControlLabel
|
|
control={<Switch checked={value} onChange={handleSwitchChange} />}
|
|
label={
|
|
<Tooltip title={<Typography>{tooltip}</Typography>}>
|
|
<Typography>{text}</Typography>
|
|
</Tooltip>
|
|
}
|
|
/>
|
|
<br />
|
|
</>
|
|
);
|
|
}
|