// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`AddDatabasePane Pane should render Default properly 1`] = `
<RightPaneForm
  formError=""
  isExecuting={false}
  isSubmitButtonDisabled={false}
  onSubmit={[Function]}
  submitButtonText="OK"
>
  <div
    className="panelMainContent"
  >
    <Stack>
      <Stack
        horizontal={true}
      >
        <span
          className="mandatoryStar"
        >
          * 
        </span>
        <Text
          className="panelTextBold"
          variant="small"
        >
          Database id
        </Text>
        <InfoTooltip>
          A database is a logical container of one or more collections
        </InfoTooltip>
      </Stack>
      <StyledTextFieldBase
        aria-label="Database id"
        aria-required="true"
        autoComplete="off"
        autoFocus={true}
        data-1p-ignore={true}
        data-lpignore={true}
        id="database-id"
        onChange={[Function]}
        pattern="[^\\/?#\\\\]*[^\\/?# \\\\]"
        placeholder="Type a new database id"
        size={40}
        styles={
          {
            "field": {
              "fontSize": 12,
              "selectors": {
                "::placeholder": {
                  "fontSize": 12,
                },
              },
            },
            "root": {
              "width": 300,
            },
          }
        }
        title="May not end with space nor contain characters '\\' '/' '#' '?'"
        type="text"
        value=""
      />
      <Stack
        horizontal={true}
      >
        <StyledCheckboxBase
          checked={false}
          label="Provision throughput"
          onChange={[Function]}
          styles={
            {
              "checkbox": {
                "height": 12,
                "width": 12,
              },
              "label": {
                "alignItems": "center",
                "padding": 0,
              },
              "root": {
                "selectors": {
                  ":hover .ms-Checkbox-text": {
                    "color": "var(--colorNeutralForeground1)",
                  },
                },
              },
              "text": {
                "color": "var(--colorNeutralForeground1)",
                "fontSize": 12,
              },
            }
          }
          title="Provision shared throughput"
        />
        <InfoTooltip>
          Provisioned throughput at the database level will be shared across all collections within the database.
        </InfoTooltip>
      </Stack>
    </Stack>
  </div>
</RightPaneForm>
`;
