@coin-voyage/paykit
Version:
Seamless crypto payments. Onboard users from any chain, any coin into your app with one click.
19 lines (18 loc) • 885 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { AnimatePresence, motion } from "framer-motion";
import FitText from "../FitText";
import { ModalHeading } from "./styles";
export function ModalHeadingBar({ heading, routeKey, mobile }) {
return (_jsx(ModalHeading, { children: _jsx(AnimatePresence, { children: _jsx(motion.div, { style: {
position: "absolute",
top: 0,
bottom: 0,
left: 52,
right: 52,
display: "flex",
justifyContent: "center",
}, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: {
duration: mobile ? 0 : 0.17,
delay: mobile ? 0.01 : 0,
}, children: _jsx(FitText, { children: heading }) }, routeKey) }) }));
}