23 lines
634 B
JavaScript
23 lines
634 B
JavaScript
import React from "react";
|
|
import { IconButton } from "theme-ui";
|
|
|
|
import CutOnIcon from "../../../icons/FogCutOnIcon";
|
|
import CutOffIcon from "../../../icons/FogCutOffIcon";
|
|
|
|
function FogCutToggle({ useFogCut, onFogCutChange, disabled }) {
|
|
return (
|
|
<IconButton
|
|
aria-label={
|
|
useFogCut ? "Disable Fog Cutting (C)" : "Enable Fog Cutting (C)"
|
|
}
|
|
title={useFogCut ? "Disable Fog Cutting (C)" : "Enable Fog Cutting (C)"}
|
|
onClick={() => onFogCutChange(!useFogCut)}
|
|
disabled={disabled}
|
|
>
|
|
{useFogCut ? <CutOnIcon /> : <CutOffIcon />}
|
|
</IconButton>
|
|
);
|
|
}
|
|
|
|
export default FogCutToggle;
|