@magicbell/magicbell-react
Version:
React components for building a notification inbox for your app
26 lines • 1 kB
JavaScript
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
/** @jsxImportSource @emotion/react */
import { css } from '@emotion/react';
import { useConfig } from '@magicbell/react-headless';
import { pathOr } from 'ramda';
import MagicBellLogo from './MagicBellLogo.js';
/**
* MagicBell Logo for the footer. If the customer has branding off, the logo is
* hidden.
*
* @example
* <FooterLogo />
*/
export default function FooterLogo() {
const inboxConfig = useConfig((state) => state.inbox);
const hideBranding = pathOr(false, ['features', 'noMagicbellBranding', 'enabled'], inboxConfig);
const style = css `
height: 20px;
display: inline-flex;
align-items: center;
`;
if (hideBranding)
return _jsx("div", { css: style });
return (_jsx("div", { css: style, children: _jsx("a", { href: "https://magicbell.io/?utm_source=widget", target: "_blank", rel: "noopener noreferrer", children: _jsx(MagicBellLogo, {}) }) }));
}
//# sourceMappingURL=FooterLogo.js.map