import { jsx } from 'react/jsx-runtime';
import { useColorModeValue, Image } from '@chakra-ui/react';
import Logos from '../Logos/Logos.js';

function Logo(props) {
  var _a, _b, _c, _d;
  const collapsedImage = 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 = 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__ */ jsx(
    Image,
    {
      src: props.isCollapsed ? collapsedImage : expandedImage,
      alt: props.alt || "Redpanda logo",
      width: "auto",
      height: `${props.height}px`
    }
  );
}

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