department-of-veterans-affairs/vets-website

import React from 'react';
import VaCheckboxField from 'platform/forms-system/src/js/web-component-fields/VaCheckboxField';
import { unemployabilityTitle } from '../content/unemployabilityFormIntro';

const medicalDescription = (
  <div>
    <h3 className="vads-u-font-size--h4">Medical Care</h3>
    <p>
      Did you spend time in a hospital or under a doctor’s care for your
      service-connected disabilities in the past 12 months?
    </p>
  </div>
);

export const uiSchema = {
  'ui:title': unemployabilityTitle,
  'ui:description': medicalDescription,
  unemployability: {
    'view:medicalCare': {
      'ui:title': ' ',
      'ui:widget': 'yesNo',
    },
    underDoctorsCare: {
      'ui:title':
        'I’ve been under a doctor’s care in the past 12 months for these disabilities.',
      'ui:webComponentField': VaCheckboxField,
      'ui:options': {
        expandUnder: 'view:medicalCare',
        expandUnderCondition: true,
      },
    },
    hospitalized: {
      'ui:title':
        'I’ve spent time in a hospital in the past 12 months for these disabilities.',
      'ui:webComponentField': VaCheckboxField,
      'ui:options': {
        expandUnder: 'view:medicalCare',
        expandUnderCondition: true,
      },
    },
  },
};

export const schema = {
  type: 'object',
  properties: {
    unemployability: {
      type: 'object',
      properties: {
        'view:medicalCare': {
          type: 'boolean',
        },
        underDoctorsCare: {
          type: 'boolean',
        },
        hospitalized: {
          type: 'boolean',
        },
      },
    },
  },
};