import { motion } from 'framer-motion';

const FormBorder = () => {
    return (
        <>
            <motion.svg
                viewBox='0 0 527 700'
                preserveAspectRatio='none'
                className='stroke-pomegranate stroke-4 w-[100%] fill-none'
                id='formVignetteImg'
            >
                <motion.path
                    d='M14,2h499c6.6,0,12,5.4,12,12v672c0,6.6-5.4,12-12,12H14c-6.6,0-12-5.4-12-12V14C2,7.4,7.4,2,14,2z'
                    strokeDasharray='2418'
                    strokeDashoffset='0'
                    initial={{ strokeDashoffset: 2418 }}
                    animate={{ strokeDashoffset: 0 }}
                    transition={{ duration: 1.5, delay: 3 }}
                />
            </motion.svg>
        </>
    );
};

export default FormBorder;