/* @flow */
/** @jsx node */
import {
node,
type ElementNode,
type ComponentNode,
} from "@krakenjs/jsx-pragmatic/src";
import {
getLogoCDNUrl,
getLogoColors,
SVGLogo,
type SVGLogoProps,
} from "../../../lib";
import { LOGO_COLOR, LOGO } from "../../../constants";
import type { LogoColors, LogoColorMap } from "../../../types";
export const GLYPH_BANK_LOGO_COLORS: LogoColorMap = {
[LOGO_COLOR.DEFAULT]: {
primary: "#142C8E",
},
};
export const getGlyphBankSVG = ({ primary }: LogoColors): ElementNode => {
return (
);
};
export function GlyphBankExternalImage({
logoColor,
...props
}: {
logoColor?: $Values,
} = {}): ComponentNode {
const cdnUrl = getLogoCDNUrl(LOGO.BANK, GLYPH_BANK_LOGO_COLORS, logoColor);
return ;
}
export function GlyphBankInlineSVG({
logoColor,
...props
}: {
logoColor?: $Values,
} = {}): ComponentNode {
const svg = getGlyphBankSVG(
getLogoColors(LOGO.BANK, GLYPH_BANK_LOGO_COLORS, logoColor)
);
return (
{
return svg;
}}
/>
);
}
export const GlyphBank = GlyphBankInlineSVG;