'use strict';

var jsxRuntime = require('react/jsx-runtime');
var react = require('@chakra-ui/react');
var Logos = require('../Logos/Logos.cjs');

function Logo(props) {
  var _a, _b, _c, _d;
  const collapsedImage = react.useColorModeValue(
    ((_a = props == null ? void 0 : props.overrides) == null ? void 0 : _a.lightModeIconSvg) || Logos.redpandaIconColorSvg,
    ((_b = props == null ? void 0 : props.overrides) == null ? void 0 : _b.darkModeIconSvg) || Logos.redpandaIconWhiteSvg
  );
  const expandedImage = react.useColorModeValue(
    ((_c = props == null ? void 0 : props.overrides) == null ? void 0 : _c.lightModeTextSvg) || Logos.redpandaTextColorSvg,
    ((_d = props == null ? void 0 : props.overrides) == null ? void 0 : _d.darkModeTextSvg) || Logos.redpandaTextWhiteSvg
  );
  return /* @__PURE__ */ jsxRuntime.jsx(
    react.Image,
    {
      src: props.isCollapsed ? collapsedImage : expandedImage,
      alt: props.alt || "Redpanda logo",
      width: "auto",
      height: `${props.height}px`
    }
  );
}

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