@servicetitan/assist-ui/lib/components/loader/loader.js

ServiceTitan Assist UI Components

import { jsx as _jsx } from "react/jsx-runtime";
import { motion, easeInOut } from 'framer-motion';
import { Flex } from '@servicetitan/anvil2';
const dotVariants = {
    bounce: (i) => ({
        y: [0, -15, 0],
        transition: {
            duration: 1.2,
            ease: easeInOut,
            repeat: Infinity,
            delay: i * 0.15,
        },
    }),
};
export const Loader = () => {
    return (_jsx(Flex, { className: "p-block-start-2", children: [0, 1, 2].map(i => (_jsx(motion.div, { custom: i, variants: dotVariants, animate: "bounce", style: {
                width: '8px',
                height: '8px',
                borderRadius: '50%',
                background: '#0067E4',
            } }, i))) }));
};
//# sourceMappingURL=loader.js.map