import { motion } from 'framer-motion';
import { checkMarkAnimation } from '../../../variants';

const CheckMarkForm = () => (
    <svg
        version='1.1'
        xmlns='http://www.w3.org/2000/svg'
        viewBox='0 0 130.2 130.2'
        className='w-[1.625rem]'
    >
        <motion.polyline
            className={`stroke-white stroke-dasharray-[100]`}
            fill='none'
            strokeWidth='7'
            strokeLinecap='round'
            strokeMiterlimit='10'
            points='100.2,40.2 51.5,88.8 29.8,67.5 '
            {...checkMarkAnimation(100, 0.5, 0.5, 0.5, 0)}
        />
    </svg>
);

export default CheckMarkForm;