import { jsx as _jsx } from "react/jsx-runtime";
import { ReactSVG } from "react-svg";
import { memo } from "react";
import { makeStyles } from "../theme";
export var GlLogo = memo(function (props) {
    var className = props.className, logoUrl = props.logoUrl, fill = props.fill, height = props.height, width = props.width;
    var _a = useStyles({ fill: fill, width: width, height: height }), classes = _a.classes, cx = _a.cx;
    return logoUrl.endsWith(".svg") ? (_jsx(ReactSVG, { src: logoUrl, className: cx(classes.root, classes.svg, className) })) : (_jsx("img", { src: logoUrl, className: cx(classes.root, className), alt: "logo" }));
});
var useStyles = makeStyles({ "name": { GlLogo: GlLogo } })(function (theme, _a) {
    var fill = _a.fill, height = _a.height, width = _a.width;
    return ({
        "root": {
            width: width,
            height: height,
        },
        "svg": {
            "& svg": {
                "fill": fill !== null && fill !== void 0 ? fill : theme.colors.useCases.typography.textPrimary,
                "width": "100%",
                "height": "100%",
            },
        },
    });
});
//# sourceMappingURL=GlLogo.js.map