const Order = ({ pizza }) => { return ( <motion.div className='container order' variants={containerVariants} initial='hidden' animate='visible' exit='exit' > <motion.h2 exit={{ y: -1000 }}>Thank you for your order :</motion.h2> <motion.p variants={childVariants}> You ordered a {pizza.base} pizza with: </motion.p> <motion.div variants={childVariants}> {pizza.toppings.map((topping) => ( <div key={topping}>{topping}</div> ))} </motion.div> </motion.div> ); }