'use strict';

var jsxRuntime = require('react/jsx-runtime');
var react = require('@chakra-ui/react');
var fa = require('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 } = react.useColorMode();
  const text = react.useColorModeValue("dark", "light");
  const SwitchIcon = react.useColorModeValue(fa.FaMoon, fa.FaSun);
  return /* @__PURE__ */ jsxRuntime.jsx(
    react.IconButton,
    __spreadValues({
      size: "md",
      fontSize: "lg",
      variant: "ghost",
      color: "current",
      marginLeft: "2",
      onClick: toggleColorMode,
      icon: /* @__PURE__ */ jsxRuntime.jsx(SwitchIcon, {}),
      "aria-label": `Switch to ${text} mode`,
      "data-testid": "ColorModeSwitch"
    }, props)
  );
};

module.exports = ColorModeSwitch;
//# sourceMappingURL=ColorModeSwitch.cjs.map
