import { type TextState } from "../types";

export function TextPopup({ state }: { state: TextState }) {
  if (!state.showing) return null;

  return (
    <div className="absolute inset-0 z-10 flex items-center justify-center bg-black/70 backdrop-blur-sm">
      <div className="bg-gray-900 border border-gray-700 rounded-3xl px-16 py-12 shadow-2xl max-w-3xl mx-8">
        <h1 className="text-6xl font-bold tracking-tight text-white text-center">
          {state.title}
        </h1>
      </div>
    </div>
  );
}
