/**
 * OtpLogin — SuccessStep.
 *
 * Brief confirmation rendered while the shell performs post-verify navigation
 * (window.location redirect or caller-provided `onSuccess`). Presentational,
 * no input or state.
 */

'use client';

import { Icon } from '@/components/ui/icons/Icon';
import { useT } from '@/lib/i18n/react';

export function SuccessStep() {
  const t = useT('auth_flow');

  return (
    <div role="status" aria-live="polite" className="flex flex-col items-center gap-4 py-8">
      <span className="text-success-600" aria-hidden="true">
        <Icon name="Check" size="xl" color="success" />
      </span>
      <p className="text-success-700 text-center font-semibold">{t('login_success')}</p>
    </div>
  );
}