import React from 'react';
import ModalForm from '../components/ModalForm'
import { schema, uiSchema } from '../schema/lawyer'

import MaskedPhoneWidget from '../widgets/MaskedPhoneWidget'
import CheckboxRichTextLabelWidget from '../widgets/CheckboxRichTextLabelWidget'
import { Widget } from '@rjsf/core';
const widgets: { [name: string]: Widget } = {...MaskedPhoneWidget, ...CheckboxRichTextLabelWidget }

function LawyerForm(props: any) {
  return(
    <ModalForm
      formTitle="Сомневаетесь в выборе?"
      formName="lawyer"
      formBuilder={{
        schema: schema,
        uiSchema: uiSchema,
        widgets: widgets,
      }}
      formTriggers={[
        {
          condition: ( Boolean( document.querySelector('#lawyerForm') ) ),
          targetContainerId: "lawyerForm",
          containerClass: "form-trigger-el",
          title: "Сомневаетесь в выборе?",
          ctaScr: "Содержимое /lawyer",
        }
      ]}
    />
  )
}

export default LawyerForm