import React from "react";
import logodh from "../assets/on-dark-horz.svg";
import logodv from "../assets/on-dark.svg";
import logolh from "../assets/on-light-horz.svg";
import logolv from "../assets/on-light.svg";
export const Logo = ({ dark = true, width = "300px", horizontal = true, ...props }) => {
    const logoStyle = dark && horizontal
        ? logodh
        : horizontal
            ? logolh
            : dark
                ? logodv
                : logolv;
    return (React.createElement("div", { className: "logo-wrap", style: {
            width: width,
            maxWidth: "100%",
        }, ...props },
        React.createElement("img", { src: logoStyle, loading: "lazy", alt: "box with connection dots and lines that says openneuro next to it " })));
};
