import React from 'react';
import { Text } from '../Input';
export var Person = function Person(_ref) {
  var forname = _ref.forname,
      surname = _ref.surname,
      handleFieldChange = _ref.onFieldChange,
      handleFieldValidChange = _ref.onFieldValidChange;
  return React.createElement("fieldset", {
    name: "name"
  }, React.createElement("div", {
    className: "form-row"
  }, React.createElement("div", {
    className: "col-6 mb-3"
  }, React.createElement(Text, {
    label: forname.label,
    id: forname.id,
    value: forname.value,
    onChange: handleFieldChange('forname'),
    onValidChange: handleFieldValidChange('forname'),
    messages: forname.messages,
    placeholder: forname.placeholder
  })), React.createElement("div", {
    className: "col-6 mb-3"
  }, React.createElement(Text, {
    label: surname.label,
    id: surname.id,
    value: surname.value,
    onChange: handleFieldChange('surname'),
    onValidChange: handleFieldValidChange('surname'),
    messages: surname.messages,
    placeholder: surname.placeholder
  }))));
};