department-of-veterans-affairs/vets-website

import React from 'react';
import {
  titleUI,
  yesNoUI,
} from 'platform/forms-system/src/js/web-component-patterns';
import fullSchemaPensions from 'vets-json-schema/dist/21P-527EZ-schema.json';
import {
  IncomeAssetStatementFormAlert,
  LandMarketableAlert,
} from '../../../components/FormAlerts';
import { isHomeAcreageMoreThanTwo } from '../../../helpers';

const { landMarketable } = fullSchemaPensions.properties;

const LandMarketableDescription = () => (
  <div>
    <p>We want to know if the additional land is marketable.</p>
    <LandMarketableAlert />
  </div>
);

/** @type {PageSchema} */
export default {
  title: 'Land marketable',
  path: 'financial/land-marketable',
  depends: isHomeAcreageMoreThanTwo,
  uiSchema: {
    ...titleUI('Income and assets'),
    'ui:description': LandMarketableDescription,
    landMarketable: yesNoUI({
      title: 'Is the additional land marketable?',
    }),
    'view:warningAlert': {
      'ui:description': IncomeAssetStatementFormAlert,
      'ui:options': {
        hideIf: formData => formData.landMarketable !== true,
      },
    },
  },
  schema: {
    type: 'object',
    properties: {
      landMarketable,
      'view:warningAlert': {
        type: 'object',
        properties: {},
      },
    },
  },
};