import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
import * as __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__ from "@chakra-ui/react";
import * as __WEBPACK_EXTERNAL_MODULE_react_icons_fa__ from "react-icons/fa";
const ColorModeSwitch = (props)=>{
    const { toggleColorMode } = (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.useColorMode)();
    const text = (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.useColorModeValue)('dark', 'light');
    const SwitchIcon = (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.useColorModeValue)(__WEBPACK_EXTERNAL_MODULE_react_icons_fa__.FaMoon, __WEBPACK_EXTERNAL_MODULE_react_icons_fa__.FaSun);
    return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.IconButton, {
        size: "md",
        fontSize: "lg",
        variant: "ghost",
        color: "current",
        marginLeft: "2",
        onClick: toggleColorMode,
        icon: /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].createElement(SwitchIcon, null),
        "aria-label": `Switch to ${text} mode`,
        "data-testid": "ColorModeSwitch",
        ...props
    });
};
/* ESM default export */ const ColorModeSwitch_rslib_entry_ = ColorModeSwitch;
export { ColorModeSwitch_rslib_entry_ as default };
