export default function EmailVerificationBanner({ profile }) {
  // Only show if email is not verified
  if (!profile || profile.email_verified !== false) return null

  return (
    <div style={{
      background: '#FFF4E6',
      border: '2px solid #F59E0B',
      borderRadius: 12,
      padding: '16px 20px',
      marginBottom: 20,
      display: 'flex',
      alignItems: 'center',
      gap: 16
    }}>
      <div style={{
        fontSize: 32,
        lineHeight: 1
      }}>
        📧
      </div>
      <div style={{flex: 1}}>
        <div style={{
          fontWeight: 700,
          fontSize: 15,
          color: '#D97706',
          marginBottom: 4
        }}>
          E-Mail-Adresse noch nicht bestätigt
        </div>
        <div style={{
          fontSize: 13,
          color: 'var(--text2)',
          lineHeight: 1.4
        }}>
          Bitte prüfe dein Postfach und klicke auf den Bestätigungslink.
          Ohne Bestätigung ist dein Account eingeschränkt.
        </div>
      </div>
    </div>
  )
}