@iobroker/adapter-react-v5
Version:
React components to develop ioBroker interfaces with react.
13 lines • 1.2 kB
JavaScript
import React from 'react';
import { IconButton, Tooltip } from '@mui/material';
import { Brightness4 as Brightness4Icon, Brightness5 as Brightness5Icon, Brightness6 as Brightness6Icon, Brightness7 as Brightness7Icon, } from '@mui/icons-material';
export function ToggleThemeMenu({ themeName, toggleTheme, t, className, style, size, }) {
return (React.createElement("div", { className: className || undefined, style: style || undefined },
React.createElement(Tooltip, { title: t('ra_Change color theme'), slotProps: { popper: { sx: { pointerEvents: 'none' } } } },
React.createElement(IconButton, { onClick: () => toggleTheme(), size: size || 'medium' },
themeName === 'dark' && React.createElement(Brightness4Icon, { className: className }),
themeName === 'blue' && React.createElement(Brightness5Icon, { className: className }),
themeName === 'colored' && React.createElement(Brightness6Icon, { className: className }),
themeName !== 'dark' && themeName !== 'blue' && themeName !== 'colored' && (React.createElement(Brightness7Icon, { className: className }))))));
}
//# sourceMappingURL=ToggleThemeMenu.js.map