@daimo/pay/build/src/components/Common/WalletChainLogo/index.js

Seamless crypto payments. Onboard users from any chain, any coin into your app with one click.

import { jsx, jsxs } from 'react/jsx-runtime';
import { motion } from 'framer-motion';
import styled from '../../../styles/styled/index.js';

const WalletChainLogo = ({ walletIcon, walletName, chainLogo, }) => {
    const walletIconElement = typeof walletIcon === "string" ? (jsx("img", { src: walletIcon, alt: walletName })) : (walletIcon);
    return (jsxs(WalletChainContainer, { children: [walletIconElement, jsx(ChainContainer, { children: chainLogo })] }));
};
const WalletChainContainer = styled(motion.div) `
  width: 100%;
  height: 100%;
`;
const ChainContainer = styled(motion.div) `
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 9999px;
  overflow: hidden;
  bottom: -4px;
  right: -4px;
`;

export { WalletChainLogo as default };
//# sourceMappingURL=index.js.map