import { jsx } from 'react/jsx-runtime';
import { useColorMode, useColorModeValue, IconButton } from '@chakra-ui/react';
import { FaMoon, FaSun } from 'react-icons/fa';

var __defProp = Object.defineProperty;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
  for (var prop in b || (b = {}))
    if (__hasOwnProp.call(b, prop))
      __defNormalProp(a, prop, b[prop]);
  if (__getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(b)) {
      if (__propIsEnum.call(b, prop))
        __defNormalProp(a, prop, b[prop]);
    }
  return a;
};
const ColorModeSwitch = (props) => {
  const { toggleColorMode } = useColorMode();
  const text = useColorModeValue("dark", "light");
  const SwitchIcon = useColorModeValue(FaMoon, FaSun);
  return /* @__PURE__ */ jsx(
    IconButton,
    __spreadValues({
      size: "md",
      fontSize: "lg",
      variant: "ghost",
      color: "current",
      marginLeft: "2",
      onClick: toggleColorMode,
      icon: /* @__PURE__ */ jsx(SwitchIcon, {}),
      "aria-label": `Switch to ${text} mode`,
      "data-testid": "ColorModeSwitch"
    }, props)
  );
};

export { ColorModeSwitch as default };
//# sourceMappingURL=ColorModeSwitch.js.map
