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__Logos_Logos_mjs__ from "../Logos/Logos.mjs";
function Logo(props) {
    const collapsedImage = (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.useColorModeValue)(props?.overrides?.lightModeIconSvg || __WEBPACK_EXTERNAL_MODULE__Logos_Logos_mjs__["default"].redpandaIconColorSvg, props?.overrides?.darkModeIconSvg || __WEBPACK_EXTERNAL_MODULE__Logos_Logos_mjs__["default"].redpandaIconWhiteSvg);
    const expandedImage = (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.useColorModeValue)(props?.overrides?.lightModeTextSvg || __WEBPACK_EXTERNAL_MODULE__Logos_Logos_mjs__["default"].redpandaTextColorSvg, props?.overrides?.darkModeTextSvg || __WEBPACK_EXTERNAL_MODULE__Logos_Logos_mjs__["default"].redpandaTextWhiteSvg);
    return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Image, {
        src: props.isCollapsed ? collapsedImage : expandedImage,
        alt: props.alt || 'Redpanda logo',
        width: "auto",
        height: `${props.height}px`
    });
}
/* ESM default export */ const Logo_rslib_entry_ = Logo;
export { Logo_rslib_entry_ as default };
