import { useTranslation } from "../i18n/useTranslation";
import { FaceRecognitionProps, RegistrationStep } from "../types";







interface frameProps  extends FaceRecognitionProps{
}

export const ProcessingFrame: React.FC<frameProps> = ({ lang}) => {

  const describ = useTranslation(lang)

    return(
        <div className="text-center px-6">
            <div className="mb-6">
              <div className="w-16 h-16 rounded-full bg-indigo-100 mx-auto flex items-center justify-center animate-pulse">
                <div className="w-8 h-8 border-4 border-indigo-600 border-t-transparent rounded-full animate-spin" />
              </div>
            </div>
            <h2 className="text-2xl font-bold text-gray-800 mb-4">{describ.processingTitle}</h2>
            <p className="text-gray-600">
              {describ.processingSubTitle}
            </p>
          </div>
    )
}