/* @file: question-text.jsx — Exposes: window.__app.QuestionText */
(() => {
  function QuestionText({ text, visible }) {
    return (
      <div
        style={{
          position: 'fixed',
          bottom: '18vh',
          left: 0,
          right: 0,
          textAlign: 'center',
          pointerEvents: 'none',
          fontFamily: '"Cormorant Garamond", "Georgia", serif',
          fontStyle: 'italic',
          fontWeight: 500,
          fontSize: 'clamp(28px, 3.4vw, 48px)',
          letterSpacing: '0.01em',
          color: '#1c1c1c',
          opacity: visible ? 1 : 0,
          transition: 'opacity 500ms ease',
        }}
      >
        {text}
      </div>
    );
  }
  window.__app = window.__app || {};
  window.__app.QuestionText = QuestionText;
})();