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

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

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

const PoweredByFooter = ({
  receiptUrl
} = {}) => {
  const locales = useLocales();
  return /* @__PURE__ */ jsxs(Container, { children: [
    receiptUrl ? /* @__PURE__ */ jsx(TextLink, { href: receiptUrl, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ jsx(Underline, { children: "Show receipt" }) }) : /* @__PURE__ */ jsxs(TextLink, { children: [
      locales.poweredBy,
      " Daimo Pay"
    ] }),
    /* @__PURE__ */ jsx("div", { className: "h-4" })
  ] });
};
const Container = styled(motion.div)`
  text-align: center;
  margin-top: 16px;
  margin-bottom: -4px;
`;
const TextLink = styled.a`
  appearance: none;
  user-select: none;
  color: var(--ck-body-color-muted);
  text-decoration-color: var(--ck-body-color-muted);
  text-decoration: none;
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
`;
const Underline = styled(motion.span)`
  text-underline-offset: 2px;
  text-decoration: underline;
`;

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