text: import React from "react";
  import FormThatPrints from "../inputs/form-that-prints.component.js";
  import TextInput from "../inputs/text-input.component.js";
  import TextArea from "../inputs/text-area.component.js";
  import Section from "../inputs/section.component.js";
  import Select from "../inputs/select.component.js";
  import GroupSelect from "../inputs/group-select.component.js";
  import Checkbox from "../inputs/checkbox.component.js";
  import Radio from "../inputs/radio.component.js";
  import {
    petitionerRepresentativeOptions,
    courtTypeOptions,
    JusticeCourtList,
    DistrictCourtList
  } from "../form-common-options/form-common-options";
  
  export default function PetitionForChargesNeverFiled_Web({ data }) {
    return (
      <FormThatPrints>
        <Section name="1. Personal Information">
          <TextInput dataKey="person.lastName" label={__("last name")} />
  
          <TextInput dataKey="person.firstName" label={__("first name")} />
  
          <TextInput dataKey="person.middleName" label={__("middle name")} />
  
          <TextInput dataKey="person.addressStreet" label={__("street")} />
  
          <TextInput dataKey="person.addressCity" label={__("city")} />
  
          <TextInput dataKey="person.addressState" label={__("state")} />
  
          <TextInput dataKey="person.addressZip" label={__("zip")} />
  
          <TextInput dataKey="person.homePhone" label={__("phone")} />
  
          <TextInput dataKey="person.email" label={__("email address")} />
        </Section>
        <Section name="2. Case Information">
          <Select
            dataKey="person.petitionerRepresentative"
            label={__("are you filling this out for yourself")}
            options={petitionerRepresentativeOptions}
          />
  
          {data.person.petitionerRepresentative === "attorney" && (
            <TextInput
              dataKey="person.petitionerBarNumber"
              label="What is your Utah Bar number?"
            />
          )}
  
          <Radio
            label="Court Type"
            dataKey="case.courtType"
            options={courtTypeOptions}
          />
          {data.case.courtType === "District" && (
            <GroupSelect
              dataKey="case.courtAddress"
              label="District Courts"
              groupOptions={DistrictCourtList}
            />
          )}
          {data.case.courtType === "Justice" && (
            <GroupSelect
              dataKey="case.courtAddress"
              label="Justice Courts"
              groupOptions={JusticeCourtList}
            />
          )}
  
          <TextInput dataKey="case.caseNumber" label={__("case number")} />
          <TextInput dataKey="case.judgeName" label={__("judge full name")} />
          <TextInput dataKey="case.arrestedDate" label={__("arrested date")} />
          <TextInput
            dataKey="case.lawEnforcementAgency"
            label={__("law enforcement agency")}
          />
          <TextInput
            dataKey="case.lawEnforcementAgencyFileNumber"
            label={__("the law enforcement agency's file number")}
          />
        </Section>
        <Section name="3. Choose all that applies">
          <Checkbox
            dataKey="case.atLeast30DaysSinceArrest"
            label={__("at least 30 days have passed since I was arrested")}
          />
          <Checkbox
            dataKey="case.noArrestSinceThisArrest"
            label={__("i have not been arrested since this arrest")}
          />
          <Checkbox
            dataKey="case.noChargesWereFiled"
            label={__("no charges were filed")}
          />
        </Section>
        <Section name="4. Public Interest">
          <TextArea
            dataKey="case.publicInterest"
            label="explain why expunging this crime is not contrary to the public's interest"
          />
        </Section>
      </FormThatPrints>
    );
  }
  