31 lines
788 B
TypeScript
31 lines
788 B
TypeScript
import { IconButton } from "theme-ui";
|
|
|
|
import PreviewOnIcon from "../../../icons/FogPreviewOnIcon";
|
|
import PreviewOffIcon from "../../../icons/FogPreviewOffIcon";
|
|
|
|
type FogPreviewToggleProps = {
|
|
useFogPreview: boolean;
|
|
onFogPreviewChange: (useFogCut: boolean) => void;
|
|
};
|
|
|
|
function FogPreviewToggle({
|
|
useFogPreview,
|
|
onFogPreviewChange,
|
|
}: FogPreviewToggleProps) {
|
|
return (
|
|
<IconButton
|
|
aria-label={
|
|
useFogPreview ? "Disable Fog Preview (F)" : "Enable Fog Preview (F)"
|
|
}
|
|
title={
|
|
useFogPreview ? "Disable Fog Preview (F)" : "Enable Fog Preview (F)"
|
|
}
|
|
onClick={() => onFogPreviewChange(!useFogPreview)}
|
|
>
|
|
{useFogPreview ? <PreviewOnIcon /> : <PreviewOffIcon />}
|
|
</IconButton>
|
|
);
|
|
}
|
|
|
|
export default FogPreviewToggle;
|