"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Logo = void 0;
const react_1 = __importDefault(require("react"));
const on_dark_horz_svg_1 = __importDefault(require("../assets/on-dark-horz.svg"));
const on_dark_svg_1 = __importDefault(require("../assets/on-dark.svg"));
const on_light_horz_svg_1 = __importDefault(require("../assets/on-light-horz.svg"));
const on_light_svg_1 = __importDefault(require("../assets/on-light.svg"));
const Logo = ({ dark = true, width = '300px', horizontal = true, ...props }) => {
    const colorMode = dark ? 'logo-dark' : 'logo-light';
    const layoutMode = horizontal ? 'logo-horz' : 'logo-vert';
    const logoStyle = dark && horizontal ? on_dark_horz_svg_1.default : horizontal ? on_light_horz_svg_1.default : dark ? on_dark_svg_1.default : on_light_svg_1.default;
    return (react_1.default.createElement("div", { className: "logo-wrap", style: {
            width: width,
            maxWidth: '100%',
        }, ...props },
        react_1.default.createElement("img", { src: logoStyle, loading: "lazy", alt: "box with connection dots and lines that says openneuro next to it " })));
};
exports.Logo = Logo;
