25 lines
1020 B
TypeScript
25 lines
1020 B
TypeScript
import { motion } from 'motion/react';
|
|
import { Check } from 'lucide-react';
|
|
|
|
export default function FeedbackSuccessStep() {
|
|
return (
|
|
<motion.div
|
|
initial={{ opacity: 0, scale: 0.9 }}
|
|
animate={{ opacity: 1, scale: 1 }}
|
|
transition={{ duration: 0.3 }}
|
|
className="text-center py-6"
|
|
>
|
|
<motion.div
|
|
initial={{ scale: 0, rotate: -180 }}
|
|
animate={{ scale: 1, rotate: 0 }}
|
|
transition={{ type: 'spring', damping: 12, stiffness: 200, delay: 0.1 }}
|
|
className="w-16 h-16 rounded-full bg-gradient-to-br from-emerald-400 to-cyan-400 mx-auto flex items-center justify-center mb-3"
|
|
>
|
|
<Check size={28} strokeWidth={3} className="text-white" />
|
|
</motion.div>
|
|
<div className="text-base font-black text-slate-800 mb-1">谢谢你的反馈 ❤️</div>
|
|
<div className="text-[12px] text-slate-500 font-bold leading-relaxed">产品同学会认真看每一条<br />有进展可以在「我的反馈」里查看</div>
|
|
</motion.div>
|
|
);
|
|
}
|