@digigov/form 0.10.8 → 0.10.9

package/src/Questions/__snapshots__/index.spec.tsx.snap

@@ -0,0 +1,887 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders the Questions 1`] = `
+<Questions
+  name="example"
+  onSubmit={[Function]}
+  steps={
+    Array [
+      Object {
+        "caption": "intro.caption",
+        "description": "intro.description",
+        "fields": Array [
+          Object {
+            "key": "name",
+            "label": Object {
+              "primary": "name.field.primary",
+              "secondary": "name.field.secondary",
+            },
+            "required": true,
+            "type": "string",
+          },
+        ],
+        "name": "intro",
+        "title": "intro.title",
+      },
+      Object {
+        "caption": "age.caption",
+        "description": "age.description",
+        "fields": Array [
+          Object {
+            "key": "dateOfBirth",
+            "label": Object {
+              "primary": "age.field.primary",
+              "secondary": "age.field.secondary",
+            },
+            "required": true,
+            "type": "number",
+          },
+        ],
+        "name": "age",
+        "title": "age.title",
+      },
+    ]
+  }
+>
+  <Step
+    name="intro"
+  >
+    <StepTitle>
+      <StepTitleBase
+        caption="intro.caption"
+        title="intro.title"
+      >
+        <withDeprecationComponent>
+          <ForwardRef(BackLink)>
+            <ForwardRef(Base)
+              as="a"
+              className="govgr-back-link"
+              onClick={[Function]}
+              tabIndex={0}
+            >
+              <a
+                className="govgr-back-link"
+                onClick={[Function]}
+                tabIndex={0}
+              >
+                <ForwardRef(CaretIcon)>
+                  <ForwardRef(SvgIcon)
+                    className="govgr-caret--left"
+                  >
+                    <ForwardRef(Base)
+                      aria-hidden="true"
+                      as="svg"
+                      className="govgr-caret--left govgr-svg-icon"
+                      focusable="false"
+                      viewBox="0 0 24 24"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        className="govgr-caret--left govgr-svg-icon"
+                        focusable="false"
+                        viewBox="0 0 24 24"
+                      >
+                        <path
+                          d="M18,22V2L6,12L18,22z"
+                        />
+                      </svg>
+                    </ForwardRef(Base)>
+                  </ForwardRef(SvgIcon)>
+                </ForwardRef(CaretIcon)>
+                Πίσω
+              </a>
+            </ForwardRef(Base)>
+          </ForwardRef(BackLink)>
+        </withDeprecationComponent>
+        <withDeprecationComponent>
+          <Component>
+            <withDeprecationComponent>
+              <Component>
+                <withDeprecationComponent>
+                  <withDeprecationComponent>
+                    <ForwardRef(HeadingCaption)>
+                      <ForwardRef(Base)
+                        as="span"
+                        className="govgr-caption-l"
+                      >
+                        <span
+                          className="govgr-caption-l"
+                        >
+                          intro.caption
+                        </span>
+                      </ForwardRef(Base)>
+                    </ForwardRef(HeadingCaption)>
+                  </withDeprecationComponent>
+                </withDeprecationComponent>
+              </Component>
+            </withDeprecationComponent>
+            <StepTitleHeading>
+              <withDeprecationComponent>
+                <Component>
+                  <withDeprecationComponent
+                    size="xl"
+                  >
+                    <Component
+                      size="xl"
+                    >
+                      <ForwardRef(Heading)
+                        size="xl"
+                      >
+                        <ForwardRef(Base)
+                          as="h1"
+                          className="govgr-heading-xl"
+                        >
+                          <h1
+                            className="govgr-heading-xl"
+                          >
+                            intro.title
+                          </h1>
+                        </ForwardRef(Base)>
+                      </ForwardRef(Heading)>
+                    </Component>
+                  </withDeprecationComponent>
+                </Component>
+              </withDeprecationComponent>
+            </StepTitleHeading>
+          </Component>
+        </withDeprecationComponent>
+      </StepTitleBase>
+    </StepTitle>
+    <StepQuote>
+      <ForwardRef(Paragraph)>
+        <ForwardRef(Base)
+          as="p"
+          className="govgr-body"
+        >
+          <p
+            className="govgr-body"
+          >
+            This is the intro
+          </p>
+        </ForwardRef(Base)>
+      </ForwardRef(Paragraph)>
+    </StepQuote>
+    <StepForm
+      submitButton={true}
+    >
+      <ForwardRef(FormBuilder)
+        fields={
+          Array [
+            Object {
+              "key": "name",
+              "label": Object {
+                "primary": "name.field.primary",
+                "secondary": "name.field.secondary",
+              },
+              "required": true,
+              "type": "string",
+            },
+          ]
+        }
+        onSubmit={[Function]}
+      >
+        <ForwardRef(FormBase)
+          criteriaMode="all"
+          fieldsMap={
+            Object {
+              "name": Object {
+                "key": "name",
+                "label": Object {
+                  "primary": "name.field.primary",
+                  "secondary": "name.field.secondary",
+                },
+                "required": true,
+                "type": "string",
+              },
+            }
+          }
+          grid={false}
+          initial={Object {}}
+          mode="onSubmit"
+          onSubmit={[Function]}
+          reValidateMode="onSubmit"
+          registerField={[Function]}
+          resolver={[Function]}
+          shouldFocusError={true}
+        >
+          <ForwardRef(Form)
+            grid={false}
+            onSubmit={[Function]}
+          >
+            <ForwardRef(Base)
+              as="form"
+              className="govgr-form"
+              onSubmit={[Function]}
+            >
+              <form
+                className="govgr-form"
+                onSubmit={[Function]}
+              >
+                <Field
+                  key="name"
+                  name="name"
+                >
+                  <FieldBase
+                    component={
+                      Object {
+                        "$$typeof": Symbol(react.forward_ref),
+                        "render": [Function],
+                      }
+                    }
+                    control={
+                      Object {
+                        "_defaultValues": Object {},
+                        "_executeSchema": [Function],
+                        "_fields": Object {
+                          "name": Object {
+                            "_f": Object {
+                              "mount": true,
+                              "name": "name",
+                              "ref": <input
+                                aria-required="true"
+                                class="govgr-input"
+                                control="[object Object]"
+                                name="name"
+                                type="text"
+                              />,
+                            },
+                          },
+                        },
+                        "_formState": Object {
+                          "dirtyFields": Object {},
+                          "errors": Object {},
+                          "isDirty": false,
+                          "isSubmitSuccessful": false,
+                          "isSubmitted": false,
+                          "isSubmitting": false,
+                          "isValid": false,
+                          "isValidating": false,
+                          "submitCount": 0,
+                          "touchedFields": Object {},
+                        },
+                        "_formValues": Object {
+                          "name": "",
+                        },
+                        "_getDirty": [Function],
+                        "_getFieldArray": [Function],
+                        "_getWatch": [Function],
+                        "_names": Object {
+                          "array": Set {},
+                          "mount": Set {
+                            "name",
+                          },
+                          "unMount": Set {},
+                          "watch": Set {},
+                        },
+                        "_options": Object {
+                          "criteriaMode": "all",
+                          "defaultValues": Object {},
+                          "mode": "onSubmit",
+                          "reValidateMode": "onSubmit",
+                          "resolver": [Function],
+                          "shouldFocusError": true,
+                        },
+                        "_proxyFormState": Object {
+                          "dirtyFields": false,
+                          "errors": "all",
+                          "isDirty": false,
+                          "isValid": false,
+                          "isValidating": false,
+                          "touchedFields": false,
+                        },
+                        "_removeUnmounted": [Function],
+                        "_stateFlags": Object {
+                          "action": false,
+                          "mount": true,
+                          "watch": false,
+                        },
+                        "_subjects": Object {
+                          "array": Object {
+                            "next": [Function],
+                            "observers": Array [],
+                            "subscribe": [Function],
+                            "unsubscribe": [Function],
+                          },
+                          "state": Object {
+                            "next": [Function],
+                            "observers": Array [
+                              Object {
+                                "next": [Function],
+                              },
+                            ],
+                            "subscribe": [Function],
+                            "unsubscribe": [Function],
+                          },
+                          "watch": Object {
+                            "next": [Function],
+                            "observers": Array [],
+                            "subscribe": [Function],
+                            "unsubscribe": [Function],
+                          },
+                        },
+                        "_updateFieldArray": [Function],
+                        "_updateValid": [Function],
+                        "getFieldState": [Function],
+                        "register": [Function],
+                        "unregister": [Function],
+                      }
+                    }
+                    controlled={false}
+                    key="name"
+                    label={
+                      Object {
+                        "primary": "name.field.primary",
+                        "secondary": "name.field.secondary",
+                      }
+                    }
+                    name="name"
+                    register={[Function]}
+                    required={true}
+                    type="string"
+                  >
+                    <FieldContainer
+                      label={
+                        Object {
+                          "primary": "name.field.primary",
+                          "secondary": "name.field.secondary",
+                        }
+                      }
+                      name="name"
+                    >
+                      <ForwardRef(Field)
+                        error={false}
+                      >
+                        <ForwardRef(Grid)
+                          className="govgr-field"
+                          item={true}
+                          lg={12}
+                          md={12}
+                          xl={12}
+                          xs={12}
+                        >
+                          <ForwardRef(Base)
+                            as="div"
+                            className="govgr-field xs:govgr-grid__col-span-12 md:govgr-grid__col-span-12 lg:govgr-grid__col-span-12 xl:govgr-grid__col-span-12"
+                          >
+                            <div
+                              className="govgr-field xs:govgr-grid__col-span-12 md:govgr-grid__col-span-12 lg:govgr-grid__col-span-12 xl:govgr-grid__col-span-12"
+                            >
+                              <ForwardRef(Label)>
+                                <ForwardRef(Base)
+                                  as="label"
+                                  className="govgr-label"
+                                >
+                                  <label
+                                    className="govgr-label"
+                                  >
+                                    <Label
+                                      label={
+                                        Object {
+                                          "primary": "name.field.primary",
+                                          "secondary": "name.field.secondary",
+                                        }
+                                      }
+                                    >
+                                      <ForwardRef(LabelTitle)
+                                        size="s"
+                                      >
+                                        <ForwardRef(Base)
+                                          as="span"
+                                          className="govgr-heading-s"
+                                        >
+                                          <span
+                                            className="govgr-heading-s"
+                                          >
+                                            name.field.primary
+                                          </span>
+                                        </ForwardRef(Base)>
+                                      </ForwardRef(LabelTitle)>
+                                      <ForwardRef(Hint)>
+                                        <ForwardRef(Base)
+                                          as="p"
+                                          className="govgr-hint"
+                                        >
+                                          <p
+                                            className="govgr-hint"
+                                          >
+                                            name.field.secondary
+                                          </p>
+                                        </ForwardRef(Base)>
+                                      </ForwardRef(Hint)>
+                                    </Label>
+                                    <ForwardRef(WrappedInput)
+                                      aria-required={true}
+                                      control={
+                                        Object {
+                                          "_defaultValues": Object {},
+                                          "_executeSchema": [Function],
+                                          "_fields": Object {
+                                            "name": Object {
+                                              "_f": Object {
+                                                "mount": true,
+                                                "name": "name",
+                                                "ref": <input
+                                                  aria-required="true"
+                                                  class="govgr-input"
+                                                  control="[object Object]"
+                                                  name="name"
+                                                  type="text"
+                                                />,
+                                              },
+                                            },
+                                          },
+                                          "_formState": Object {
+                                            "dirtyFields": Object {},
+                                            "errors": Object {},
+                                            "isDirty": false,
+                                            "isSubmitSuccessful": false,
+                                            "isSubmitted": false,
+                                            "isSubmitting": false,
+                                            "isValid": false,
+                                            "isValidating": false,
+                                            "submitCount": 0,
+                                            "touchedFields": Object {},
+                                          },
+                                          "_formValues": Object {
+                                            "name": "",
+                                          },
+                                          "_getDirty": [Function],
+                                          "_getFieldArray": [Function],
+                                          "_getWatch": [Function],
+                                          "_names": Object {
+                                            "array": Set {},
+                                            "mount": Set {
+                                              "name",
+                                            },
+                                            "unMount": Set {},
+                                            "watch": Set {},
+                                          },
+                                          "_options": Object {
+                                            "criteriaMode": "all",
+                                            "defaultValues": Object {},
+                                            "mode": "onSubmit",
+                                            "reValidateMode": "onSubmit",
+                                            "resolver": [Function],
+                                            "shouldFocusError": true,
+                                          },
+                                          "_proxyFormState": Object {
+                                            "dirtyFields": false,
+                                            "errors": "all",
+                                            "isDirty": false,
+                                            "isValid": false,
+                                            "isValidating": false,
+                                            "touchedFields": false,
+                                          },
+                                          "_removeUnmounted": [Function],
+                                          "_stateFlags": Object {
+                                            "action": false,
+                                            "mount": true,
+                                            "watch": false,
+                                          },
+                                          "_subjects": Object {
+                                            "array": Object {
+                                              "next": [Function],
+                                              "observers": Array [],
+                                              "subscribe": [Function],
+                                              "unsubscribe": [Function],
+                                            },
+                                            "state": Object {
+                                              "next": [Function],
+                                              "observers": Array [
+                                                Object {
+                                                  "next": [Function],
+                                                },
+                                              ],
+                                              "subscribe": [Function],
+                                              "unsubscribe": [Function],
+                                            },
+                                            "watch": Object {
+                                              "next": [Function],
+                                              "observers": Array [],
+                                              "subscribe": [Function],
+                                              "unsubscribe": [Function],
+                                            },
+                                          },
+                                          "_updateFieldArray": [Function],
+                                          "_updateValid": [Function],
+                                          "getFieldState": [Function],
+                                          "register": [Function],
+                                          "unregister": [Function],
+                                        }
+                                      }
+                                      disabled={false}
+                                      error={false}
+                                      extra={Object {}}
+                                      name="name"
+                                      onBlur={[Function]}
+                                      onChange={[Function]}
+                                      required={true}
+                                      type="string"
+                                    >
+                                      <ForwardRef(TextInput)
+                                        aria-required={true}
+                                        control={
+                                          Object {
+                                            "_defaultValues": Object {},
+                                            "_executeSchema": [Function],
+                                            "_fields": Object {
+                                              "name": Object {
+                                                "_f": Object {
+                                                  "mount": true,
+                                                  "name": "name",
+                                                  "ref": <input
+                                                    aria-required="true"
+                                                    class="govgr-input"
+                                                    control="[object Object]"
+                                                    name="name"
+                                                    type="text"
+                                                  />,
+                                                },
+                                              },
+                                            },
+                                            "_formState": Object {
+                                              "dirtyFields": Object {},
+                                              "errors": Object {},
+                                              "isDirty": false,
+                                              "isSubmitSuccessful": false,
+                                              "isSubmitted": false,
+                                              "isSubmitting": false,
+                                              "isValid": false,
+                                              "isValidating": false,
+                                              "submitCount": 0,
+                                              "touchedFields": Object {},
+                                            },
+                                            "_formValues": Object {
+                                              "name": "",
+                                            },
+                                            "_getDirty": [Function],
+                                            "_getFieldArray": [Function],
+                                            "_getWatch": [Function],
+                                            "_names": Object {
+                                              "array": Set {},
+                                              "mount": Set {
+                                                "name",
+                                              },
+                                              "unMount": Set {},
+                                              "watch": Set {},
+                                            },
+                                            "_options": Object {
+                                              "criteriaMode": "all",
+                                              "defaultValues": Object {},
+                                              "mode": "onSubmit",
+                                              "reValidateMode": "onSubmit",
+                                              "resolver": [Function],
+                                              "shouldFocusError": true,
+                                            },
+                                            "_proxyFormState": Object {
+                                              "dirtyFields": false,
+                                              "errors": "all",
+                                              "isDirty": false,
+                                              "isValid": false,
+                                              "isValidating": false,
+                                              "touchedFields": false,
+                                            },
+                                            "_removeUnmounted": [Function],
+                                            "_stateFlags": Object {
+                                              "action": false,
+                                              "mount": true,
+                                              "watch": false,
+                                            },
+                                            "_subjects": Object {
+                                              "array": Object {
+                                                "next": [Function],
+                                                "observers": Array [],
+                                                "subscribe": [Function],
+                                                "unsubscribe": [Function],
+                                              },
+                                              "state": Object {
+                                                "next": [Function],
+                                                "observers": Array [
+                                                  Object {
+                                                    "next": [Function],
+                                                  },
+                                                ],
+                                                "subscribe": [Function],
+                                                "unsubscribe": [Function],
+                                              },
+                                              "watch": Object {
+                                                "next": [Function],
+                                                "observers": Array [],
+                                                "subscribe": [Function],
+                                                "unsubscribe": [Function],
+                                              },
+                                            },
+                                            "_updateFieldArray": [Function],
+                                            "_updateValid": [Function],
+                                            "getFieldState": [Function],
+                                            "register": [Function],
+                                            "unregister": [Function],
+                                          }
+                                        }
+                                        disabled={false}
+                                        error={false}
+                                        name="name"
+                                        onBlur={[Function]}
+                                        onChange={[Function]}
+                                        type="text"
+                                      >
+                                        <ForwardRef(Base)
+                                          aria-required={true}
+                                          as="input"
+                                          className="govgr-input"
+                                          control={
+                                            Object {
+                                              "_defaultValues": Object {},
+                                              "_executeSchema": [Function],
+                                              "_fields": Object {
+                                                "name": Object {
+                                                  "_f": Object {
+                                                    "mount": true,
+                                                    "name": "name",
+                                                    "ref": <input
+                                                      aria-required="true"
+                                                      class="govgr-input"
+                                                      control="[object Object]"
+                                                      name="name"
+                                                      type="text"
+                                                    />,
+                                                  },
+                                                },
+                                              },
+                                              "_formState": Object {
+                                                "dirtyFields": Object {},
+                                                "errors": Object {},
+                                                "isDirty": false,
+                                                "isSubmitSuccessful": false,
+                                                "isSubmitted": false,
+                                                "isSubmitting": false,
+                                                "isValid": false,
+                                                "isValidating": false,
+                                                "submitCount": 0,
+                                                "touchedFields": Object {},
+                                              },
+                                              "_formValues": Object {
+                                                "name": "",
+                                              },
+                                              "_getDirty": [Function],
+                                              "_getFieldArray": [Function],
+                                              "_getWatch": [Function],
+                                              "_names": Object {
+                                                "array": Set {},
+                                                "mount": Set {
+                                                  "name",
+                                                },
+                                                "unMount": Set {},
+                                                "watch": Set {},
+                                              },
+                                              "_options": Object {
+                                                "criteriaMode": "all",
+                                                "defaultValues": Object {},
+                                                "mode": "onSubmit",
+                                                "reValidateMode": "onSubmit",
+                                                "resolver": [Function],
+                                                "shouldFocusError": true,
+                                              },
+                                              "_proxyFormState": Object {
+                                                "dirtyFields": false,
+                                                "errors": "all",
+                                                "isDirty": false,
+                                                "isValid": false,
+                                                "isValidating": false,
+                                                "touchedFields": false,
+                                              },
+                                              "_removeUnmounted": [Function],
+                                              "_stateFlags": Object {
+                                                "action": false,
+                                                "mount": true,
+                                                "watch": false,
+                                              },
+                                              "_subjects": Object {
+                                                "array": Object {
+                                                  "next": [Function],
+                                                  "observers": Array [],
+                                                  "subscribe": [Function],
+                                                  "unsubscribe": [Function],
+                                                },
+                                                "state": Object {
+                                                  "next": [Function],
+                                                  "observers": Array [
+                                                    Object {
+                                                      "next": [Function],
+                                                    },
+                                                  ],
+                                                  "subscribe": [Function],
+                                                  "unsubscribe": [Function],
+                                                },
+                                                "watch": Object {
+                                                  "next": [Function],
+                                                  "observers": Array [],
+                                                  "subscribe": [Function],
+                                                  "unsubscribe": [Function],
+                                                },
+                                              },
+                                              "_updateFieldArray": [Function],
+                                              "_updateValid": [Function],
+                                              "getFieldState": [Function],
+                                              "register": [Function],
+                                              "unregister": [Function],
+                                            }
+                                          }
+                                          disabled={false}
+                                          name="name"
+                                          onBlur={[Function]}
+                                          onChange={[Function]}
+                                          type="text"
+                                        >
+                                          <input
+                                            aria-required={true}
+                                            className="govgr-input"
+                                            control={
+                                              Object {
+                                                "_defaultValues": Object {},
+                                                "_executeSchema": [Function],
+                                                "_fields": Object {
+                                                  "name": Object {
+                                                    "_f": Object {
+                                                      "mount": true,
+                                                      "name": "name",
+                                                      "ref": <input
+                                                        aria-required="true"
+                                                        class="govgr-input"
+                                                        control="[object Object]"
+                                                        name="name"
+                                                        type="text"
+                                                      />,
+                                                    },
+                                                  },
+                                                },
+                                                "_formState": Object {
+                                                  "dirtyFields": Object {},
+                                                  "errors": Object {},
+                                                  "isDirty": false,
+                                                  "isSubmitSuccessful": false,
+                                                  "isSubmitted": false,
+                                                  "isSubmitting": false,
+                                                  "isValid": false,
+                                                  "isValidating": false,
+                                                  "submitCount": 0,
+                                                  "touchedFields": Object {},
+                                                },
+                                                "_formValues": Object {
+                                                  "name": "",
+                                                },
+                                                "_getDirty": [Function],
+                                                "_getFieldArray": [Function],
+                                                "_getWatch": [Function],
+                                                "_names": Object {
+                                                  "array": Set {},
+                                                  "mount": Set {
+                                                    "name",
+                                                  },
+                                                  "unMount": Set {},
+                                                  "watch": Set {},
+                                                },
+                                                "_options": Object {
+                                                  "criteriaMode": "all",
+                                                  "defaultValues": Object {},
+                                                  "mode": "onSubmit",
+                                                  "reValidateMode": "onSubmit",
+                                                  "resolver": [Function],
+                                                  "shouldFocusError": true,
+                                                },
+                                                "_proxyFormState": Object {
+                                                  "dirtyFields": false,
+                                                  "errors": "all",
+                                                  "isDirty": false,
+                                                  "isValid": false,
+                                                  "isValidating": false,
+                                                  "touchedFields": false,
+                                                },
+                                                "_removeUnmounted": [Function],
+                                                "_stateFlags": Object {
+                                                  "action": false,
+                                                  "mount": true,
+                                                  "watch": false,
+                                                },
+                                                "_subjects": Object {
+                                                  "array": Object {
+                                                    "next": [Function],
+                                                    "observers": Array [],
+                                                    "subscribe": [Function],
+                                                    "unsubscribe": [Function],
+                                                  },
+                                                  "state": Object {
+                                                    "next": [Function],
+                                                    "observers": Array [
+                                                      Object {
+                                                        "next": [Function],
+                                                      },
+                                                    ],
+                                                    "subscribe": [Function],
+                                                    "unsubscribe": [Function],
+                                                  },
+                                                  "watch": Object {
+                                                    "next": [Function],
+                                                    "observers": Array [],
+                                                    "subscribe": [Function],
+                                                    "unsubscribe": [Function],
+                                                  },
+                                                },
+                                                "_updateFieldArray": [Function],
+                                                "_updateValid": [Function],
+                                                "getFieldState": [Function],
+                                                "register": [Function],
+                                                "unregister": [Function],
+                                              }
+                                            }
+                                            disabled={false}
+                                            name="name"
+                                            onBlur={[Function]}
+                                            onChange={[Function]}
+                                            type="text"
+                                          />
+                                        </ForwardRef(Base)>
+                                      </ForwardRef(TextInput)>
+                                    </ForwardRef(WrappedInput)>
+                                  </label>
+                                </ForwardRef(Base)>
+                              </ForwardRef(Label)>
+                            </div>
+                          </ForwardRef(Base)>
+                        </ForwardRef(Grid)>
+                      </ForwardRef(Field)>
+                    </FieldContainer>
+                  </FieldBase>
+                </Field>
+                <withDeprecationComponent
+                  type="submit"
+                >
+                  <ForwardRef(Button)
+                    type="submit"
+                  >
+                    <ForwardRef(Base)
+                      as="button"
+                      className="govgr-btn-primary govgr-btn"
+                      type="submit"
+                    >
+                      <button
+                        className="govgr-btn-primary govgr-btn"
+                        type="submit"
+                      >
+                        Συνέχεια
+                      </button>
+                    </ForwardRef(Base)>
+                  </ForwardRef(Button)>
+                </withDeprecationComponent>
+              </form>
+            </ForwardRef(Base)>
+          </ForwardRef(Form)>
+        </ForwardRef(FormBase)>
+      </ForwardRef(FormBuilder)>
+    </StepForm>
+  </Step>
+  <Step
+    name="age"
+  />
+</Questions>
+`;