'use client'

export function StepCoordinates() {
  return (
    <div className="flex flex-col items-center justify-center py-16 text-center">
      <div className="text-5xl mb-4">📍</div>
      <h3 className="text-lg font-medium text-gray-700 dark:text-gray-300 mb-2">
        Schritt 5: Koordinatenzuweisung
      </h3>
      <p className="text-gray-500 dark:text-gray-400 max-w-md">
        Exakte Positionszuweisung fuer jedes Wort auf der Seite.
        Dieser Schritt wird in einer zukuenftigen Version implementiert.
      </p>
      <div className="mt-6 px-4 py-2 bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-400 rounded-full text-sm font-medium">
        Kommt bald
      </div>
    </div>
  )
}
