import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from 'react';
import SynapseservicemeshLogoLight from './SynapseservicemeshLogoLight';
import SynapseservicemeshLogoDark from './SynapseservicemeshLogoDark';
import { useThemeModification, useBrandModification } from '../../utils';
const SynapseservicemeshLogoSvg = forwardRef(function SynapseservicemeshLogoSvg(props, ref) {
    const { isDarkTheme } = useThemeModification();
    const { isDarkBrand } = useBrandModification();
    return isDarkTheme || isDarkBrand ? (_jsx(SynapseservicemeshLogoDark, Object.assign({}, props, { ref: ref }))) : (_jsx(SynapseservicemeshLogoLight, Object.assign({}, props, { ref: ref })));
});
export default SynapseservicemeshLogoSvg;
