import { useRef } from "react";

const Step = ({ step, funil, funis, index, atualizarFunis, ...rest }: any) => {
  const ref: any = useRef(null);

  return (
    <li
      ref={ref}
      className={`flex flex-row justify-between items-center mb-2 p-1 rounded-xl`}
      style={{
        opacity: 1,
        backgroundColor: `${step.cor_etapa_funil}50`,
      }}
    >
      <div className=" transition-all ">
        <div className="font-bold">{step.titulo_etapa_funil}</div>
      </div>
    </li>
  );
};

export default Step;