import { jsx as _jsx } from "react/jsx-runtime";
import Box from '../box';
import { cdnUrl, vui } from '../core';
import Svg from '../svg';
import { cs } from '../utils';
const veracityLogo = `${cdnUrl}/common/icons/logos/veracity-logo.svg`;
const dnvLogo = `${cdnUrl}/common/icons/logos/dnv-logo.svg`;
const veracityLogoWidth = 115;
const dnvLogoWidth = 93.66;
/** Brand logo. */
export const Logo = vui((props, ref) => {
    const { brand, children, className, src, styles, url, w, ...rest } = props;
    let svgSrc = src;
    let width = w;
    if (!svgSrc) {
        svgSrc = brand === 'dnv' ? dnvLogo : veracityLogo;
        width = brand === 'dnv' ? dnvLogoWidth : veracityLogoWidth;
    }
    const linkProps = url ? { as: 'a', href: url, outline: 'none', focusRing: 2 } : {};
    return (_jsx(Box, { centerV: true, className: cs('vui-logo', className), flexShrink: 0, h: 40, mr: 2, ref: ref, w: width, ...styles?.container, ...linkProps, ...rest, children: children ?? _jsx(Svg, { "aria-label": "logo", h: "100%", src: svgSrc, ...styles?.svg }) }));
});
Logo.displayName = 'Logo';
export default Logo;
//# sourceMappingURL=Logo.js.map