department-of-veterans-affairs/vets-website

import React from 'react';

import { PtsdNameTitle } from '../content/ptsdClassification';

const additionalDescriptionChanges = (
  <div>
    <h3 className="vads-u-font-size--h5">
      Changes in Behavior or Activities: Additional Information
    </h3>
    <p>
      Please provide additional information about any behavior changes or
      actions you took as a result of the event.
    </p>
  </div>
);

export const uiSchema = {
  'ui:title': ({ formData }) => (
    <PtsdNameTitle formData={formData} formType="781a" />
  ),
  additionalChanges: {
    'ui:title': additionalDescriptionChanges,
    'ui:widget': 'textarea',
    'ui:options': {
      rows: 5,
      maxLength: 32000,
    },
  },
};

export const schema = {
  type: 'object',
  properties: {
    additionalChanges: {
      type: 'string',
    },
  },
};