import React from "react";
import { motion } from "framer-motion";

interface StatusBarProps {
  text: string;
}

export default function StatusBar({ text }: StatusBarProps) {
  return (
    <motion.div
      key={text}
      initial={{ opacity: 0, y: -6 }}
      animate={{ opacity: 1, y: 0 }}
      transition={{ duration: 0.25 }}
      style={{
        marginBottom: 8,
        fontSize: "18px",
        textAlign: "center",
      }}
    >
      {text}
    </motion.div>
  );
}