Files
chesskit/src/sections/engineSettings/engineSettingsButton.tsx
2024-02-26 01:20:17 +01:00

24 lines
626 B
TypeScript

import { IconButton, Tooltip } from "@mui/material";
import { useState } from "react";
import EngineSettingsDialog from "./engineSettingsDialog";
import { Icon } from "@iconify/react";
export default function EngineSettingsButton() {
const [openDialog, setOpenDialog] = useState(false);
return (
<>
<Tooltip title="Engine settings">
<IconButton onClick={() => setOpenDialog(true)}>
<Icon icon="ri:settings-3-line" height={20} />
</IconButton>
</Tooltip>
<EngineSettingsDialog
open={openDialog}
onClose={() => setOpenDialog(false)}
/>
</>
);
}