"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const JoomlaLogoLight_1 = __importDefault(require("./JoomlaLogoLight"));
const JoomlaLogoDark_1 = __importDefault(require("./JoomlaLogoDark"));
const utils_1 = require("../../utils");
const JoomlaLogoSvg = (0, react_1.forwardRef)(function JoomlaLogoSvg(props, ref) {
    const { isDarkTheme } = (0, utils_1.useThemeModification)();
    const { isDarkBrand } = (0, utils_1.useBrandModification)();
    return isDarkTheme || isDarkBrand ? ((0, jsx_runtime_1.jsx)(JoomlaLogoDark_1.default, Object.assign({}, props, { ref: ref }))) : ((0, jsx_runtime_1.jsx)(JoomlaLogoLight_1.default, Object.assign({}, props, { ref: ref })));
});
exports.default = JoomlaLogoSvg;
