'use client';

import { useI18nOptional } from '@/lib/i18n/context';

export default function HomeLoadingSpinner() {
  const i18n = useI18nOptional();
  const isRtl = i18n?.isRtl ?? true;

  return (
    <div
      dir={isRtl ? 'rtl' : 'ltr'}
      className="min-h-screen bg-gradient-to-br from-blue-50 via-white to-gray-50 flex items-center justify-center"
    >
      <div className="w-12 h-12 border-4 border-blue-600 border-t-transparent rounded-full animate-spin" />
    </div>
  );
}