src/components/widgets/Table/StoryModal.jsx

import React from 'react';
import PropTypes from 'prop-types';
import _ from 'lodash';
import { FormattedMessage } from 'react-intl';

import controls from '../../controls';
import RadioGroupContainer from '../../controls/RadioGroup/RadioGroupContainer';
import ReduxForm from '../Form/ReduxForm';
import Fieldset from '../Form/Fieldset';

import { Row, Col } from 'reactstrap';

export const exportFormName = 'storyForm';

/**
 * Компонент StoryModal
 * @reactProps {object} type
 * @reactProps {any} code
 */
class StoryModal extends React.Component {
  render() {
    const dateControl = { component: controls.DatePicker };
    const inputControl = { component: controls.InputText };
    return (
      <ReduxForm form={exportFormName}>
        <Fieldset>
          <Row>
            <Col md={12}>
              <ReduxForm.Field control={inputControl} name="name" label="Имя" />
            </Col>
          </Row>
          <Row>
            <Col md={12}>
              <ReduxForm.Field
                control={inputControl}
                name="surname"
                label="Фамилия"
              />
            </Col>
          </Row>
          <Row>
            <Col md={12}>
              <ReduxForm.Field
                control={dateControl}
                name="birthday"
                label="Дата рождения"
              />
            </Col>
          </Row>
        </Fieldset>
      </ReduxForm>
    );
  }
}

StoryModal.propTypes = {
  type: PropTypes.object,
  code: PropTypes.string,
};

export default StoryModal;