File size: 783 Bytes
f52d137 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
import React from "react";
import { IconButton, Tooltip } from "@mui/material";
import { Brightness4, Brightness7 } from "@mui/icons-material";
import { useThemeMode } from "../contexts/ThemeContext";
interface ThemeToggleProps {
size?: "small" | "medium" | "large";
sx?: any;
}
export const ThemeToggle: React.FC<ThemeToggleProps> = ({
size = "medium",
sx,
}) => {
const { mode, toggleColorMode } = useThemeMode();
return (
<Tooltip title={`Switch to ${mode === "light" ? "dark" : "light"} mode`}>
<IconButton
onClick={toggleColorMode}
color="inherit"
size={size}
sx={sx}
aria-label="toggle color mode"
>
{mode === "light" ? <Brightness4 /> : <Brightness7 />}
</IconButton>
</Tooltip>
);
};
|