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

ServiceTitan Atlas UI Components

import { jsx as _jsx } from "react/jsx-runtime";
import { easeInOut, motion } 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 /*#__PURE__*/ _jsx(Flex, {
        className: "p-block-start-2 m-block-start-3",
        children: [
            0,
            1,
            2
        ].map((i)=>/*#__PURE__*/ _jsx(motion.div, {
                custom: i,
                variants: dotVariants,
                animate: "bounce",
                style: {
                    width: '8px',
                    height: '8px',
                    borderRadius: '50%',
                    background: '#105BDD'
                }
            }, i))
    });
};

//# sourceMappingURL=loader.js.map