@reservoir0x/relay-kit-ui
Version:
Relay is the Fastest and Cheapest Way to Bridge and Transact Across Chains.
31 lines • 1.39 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useContext } from 'react';
import ReservoirText from '../../img/ReservoirText.js';
import { Anchor, Flex, Text } from '../primitives/index.js';
import { ProviderOptionsContext } from '../../providers/RelayKitProvider.js';
const WidgetFooter = () => {
const providerOptionsContext = useContext(ProviderOptionsContext);
if (providerOptionsContext.disablePoweredByReservoir) {
return null;
}
return (_jsx(Flex, { align: "center", css: {
mx: 'auto',
alignItems: 'center',
justifyContent: 'center',
pt: 12
}, children: _jsxs(Text, { style: "subtitle3", color: "subtle", css: {
display: 'inline-flex',
alignItems: 'center',
gap: 1,
lineHeight: '12px',
fontWeight: 400,
color: 'text-subtle'
}, children: ["Powered by", ' ', _jsx(Anchor, { href: "https://reservoir.tools/", target: "_blank", weight: "heavy", color: "gray", css: {
height: 12,
fontSize: 14,
fill: 'gray11',
_hover: { fill: 'gray12' }
}, children: _jsx(ReservoirText, {}) })] }) }));
};
export default WidgetFooter;
//# sourceMappingURL=WidgetFooter.js.map