// License: LGPL-3.0-or-later
import * as React from 'react';
import {WizardPanel, WizardTabPanelProps} from "../common/wizard/WizardPanel";

import { Field} from 'mobx-react-form'

import { observer } from 'mobx-react';
import { computed } from 'mobx';
import { WizardTabPanelState} from "../common/wizard/wizard_state";
import {InjectedIntlProps, injectIntl, InjectedIntl} from 'react-intl';
import NonprofitInfoForm from "./NonprofitInfoForm";

export interface NonprofitInfoPanelProps extends WizardTabPanelProps
{
    buttonText:string
}

class NonprofitInfoPanel extends React.Component<NonprofitInfoPanelProps & InjectedIntlProps, {}>  {

  @computed
  get wizardTab(): WizardTabPanelState {
    return this.props.tab
  }

  @computed
  get form():Field{
      return this.wizardTab.form
  }
  @computed
  get submit(){
      return this.form.onSubmit
  }


  render() {
      var self = this
      return <WizardPanel
       tab={this.wizardTab} key={this.wizardTab.tabName}
      >
        <NonprofitInfoForm form={this.form} buttonText={this.props.buttonText}/>
      </WizardPanel>
      
  }


}

export default injectIntl(observer(NonprofitInfoPanel))