import { SettingsPane } from './SettingsPane'
import { SettingsSection } from './SettingsSection'

const KEYS = [
  'CONSENT_VERSION',
  'CONSENT_TERMS_TEXT',
  'CONSENT_MARKETING_EMAIL_TEXT',
  'CONSENT_MARKETING_SMS_TEXT',
]

const MULTILINE = [
  'CONSENT_TERMS_TEXT',
  'CONSENT_MARKETING_EMAIL_TEXT',
  'CONSENT_MARKETING_SMS_TEXT',
]

export function ConsentSettingsPage() {
  return (
    <SettingsPane>
      {({ settings, onSave, saving }) => (
        <SettingsSection
          title="Treści zgód"
          description="Po każdej zmianie treści podnieś wersję. Wersja jest utrwalana przy każdej zgodzie, więc stare zapisy zachowują treść, na którą uczestnik faktycznie się zgodził."
          settings={settings}
          keys={KEYS}
          multiline={MULTILINE}
          onSave={onSave}
          saving={saving}
        />
      )}
    </SettingsPane>
  )
}