// Slide 10: Questions / Thank you (final slide — was previously slide 12)

const Slide10_Questions = () => (
  <SlideFrame bg={COLORS.paper} padded={false}>
    <div
      style={{
        position: 'absolute',
        inset: 0,
        backgroundImage: `linear-gradient(${COLORS.rule} 1px, transparent 1px), linear-gradient(90deg, ${COLORS.rule} 1px, transparent 1px)`,
        backgroundSize: '80px 80px',
        opacity: 0.5,
      }}
    />
    <div
      style={{
        position: 'absolute',
        top: 0,
        right: 0,
        bottom: 0,
        width: 12,
        background: COLORS.accent,
      }}
    />
    <div
      dir="rtl"
      style={{
        position: 'relative',
        height: '100%',
        boxSizing: 'border-box',
        padding: `80px 100px 80px`,
        display: 'flex',
        flexDirection: 'column',
        justifyContent: 'space-between',
        color: COLORS.ink,
        fontFamily: FONTS.sans,
      }}
    >
      <div style={{ fontFamily: FONTS.mono, fontSize: TYPE_SCALE.micro, color: COLORS.inkMute, letterSpacing: '0.12em' }}>
        OPENGRADE · POC REVIEW
      </div>

      <div>
        <div
          style={{
            fontSize: 220,
            fontWeight: 700,
            lineHeight: 0.95,
            letterSpacing: '-0.03em',
            color: COLORS.ink,
          }}
        >
          שאלות?
        </div>
        <div
          style={{
            marginTop: 40,
            fontSize: TYPE_SCALE.subtitle,
            color: COLORS.accent,
            fontWeight: 300,
          }}
        >
          תודה, ממתינים למשוב
        </div>
      </div>

      <div style={{ display: 'flex', justifyContent: 'space-between', fontSize: TYPE_SCALE.small, color: COLORS.inkMute }}>
        <div dir="ltr" style={{ unicodeBidi: 'isolate' }}>opengrade.cs.colman.ac.il</div>
        <div dir="ltr" style={{ unicodeBidi: 'isolate' }}>opengrade.pages.dev</div>
      </div>
    </div>
  </SlideFrame>
);

Object.assign(window, { Slide10_Questions });