<FormWrapper

  validationSchema={Yup.object().shape({

    textInput: Yup.string().required(),

  })}

  onSubmit={() => {}}

  render={({ submitForm }) => (

    <form onSubmit={submitForm}>

      <Grid>

        <FormItem name="textInput">

          <FormItem.Label>The label</FormItem.Label>

          <FormItem.Input

            formikComponent={FastField}

            component={TextInput}

            placeholder="Placeholder"

          />

          <FormItem.Error />

        </FormItem>

        <Grid gridAutoFlow="column" gridAutoColumns="1fr">

          <FormItem name="minimumInvestment">

            <FormItem.Label>Minimum number</FormItem.Label>

            <FormItem.Input

              component={NumberInput}

              min={0}

              maxDecimals={3}

              placeholder="Enter amount"

              unit="USD"

              useBigNumbers

            />

            <FormItem.Error />

          </FormItem>

          <FormItem name="nonAccreditedMax">

            <FormItem.Label>Max number</FormItem.Label>

            <FormItem.Input

              component={NumberInput}

              min={1}

              maxDecimals={3}

              placeholder="Enter amount"

              unit="USD"

              useBigNumbers

            />

            <FormItem.Error />

          </FormItem>

        </Grid>

        <FormItem name="cap">

          <FormItem.Label>Amount</FormItem.Label>

          <FormItem.Input

            component={NumberInput}

            placeholder="Enter amount"

            useBigNumbers

          />

          <FormItem.Error />

        </FormItem>

        <Button type="submit">Submit</Button>

      </Grid>

    </form>

  )}

/>