@coin-voyage/paykit
Version:
Seamless crypto payments. Onboard users from any chain, any coin into your app with one click.
35 lines (32 loc) • 658 B
JavaScript
import { motion } from "framer-motion";
import { keyframes } from "styled-components";
import styled from "../../styles/styled";
export const TextContainer = styled(motion.div) `
top: 0;
bottom: 0;
left: 0;
display: inline-flex;
align-items: center;
justify-content: center;
white-space: nowrap;
`;
const pulse = keyframes `
0% {
opacity: 0.6;
}
50% {
opacity: 1;
}
100% {
opacity: 0.6;
}
`;
export const SkeletonContainer = styled(motion.div) `
height: 40px;
width: 100%;
padding: 0;
margin: 0;
border-radius: 8px;
background-color: rgba(0, 0, 0, 0.1);
animation: ${pulse} 1.5s ease-in-out infinite;
`;