import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import styled, { useTheme } from '@darajs/styled-components';
import CausalensDark from '../assets/causalens-dark.svg';
import CausalensLight from '../assets/causalens-light.svg';
const BuiltWithLink = styled.a `
    display: flex;
    gap: 0.2rem;
    align-items: center;

    font-size: 0.75rem;
    color: inherit;
    text-decoration: none;

    :hover {
        text-decoration: underline;
    }
`;
function PoweredByCausalens() {
    const theme = useTheme();
    const causalensLogoSrc = theme.themeType === 'dark' ? CausalensDark : CausalensLight;
    const causalensLogo = _jsx("img", { alt: "causaLens Logo", src: causalensLogoSrc });
    return (_jsxs(BuiltWithLink, { href: "https://causalens.com/?utm_source=dara&utm_medium=direct&utm_campaign=dara_platform", target: "_blank", rel: "noopener", children: [_jsx("span", { style: { marginTop: '0.4375rem' }, children: "Powered by" }), " ", causalensLogo] }));
}
export default PoweredByCausalens;
//# sourceMappingURL=powered-by-causalens.js.map