@daimo/pay/build/src/components/Spinners/TokenLogoSpinner/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 { AnimatePresence } from 'framer-motion';
import { chainToLogo } from '../../../assets/chains.js';
import CircleSpinner from '../CircleSpinner/index.js';
import { LoadingContainer, AnimationContainer } from '../styles.js';
import { ChainLogoContainer } from './styles.js';

const TokenLogoSpinner = ({ token }) => {
  return /* @__PURE__ */ jsx(LoadingContainer, { children: /* @__PURE__ */ jsx(AnimationContainer, { $circle: true, children: /* @__PURE__ */ jsxs(AnimatePresence, { children: [
    chainToLogo[token.chainId] && /* @__PURE__ */ jsx(ChainLogoContainer, { children: chainToLogo[token.chainId] }, "ChainLogoContainer"),
    /* @__PURE__ */ jsx(
      CircleSpinner,
      {
        logo: /* @__PURE__ */ jsx("img", { src: token.logoURI, alt: token.symbol }),
        loading: false,
        unavailable: false
      },
      "CircleSpinner"
    )
  ] }) }) });
};

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