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

exports[`Excute Sproc Param Pane should render Default properly 1`] = `
<ExecuteSprocParamsPane
  closePanel={[Function]}
  expandConsole={[Function]}
  storedProcedure={Object {}}
>
  <RightPaneForm
    formError=""
    isExecuting={false}
    onSubmit={[Function]}
    submitButtonText="Execute"
  >
    <form
      className="panelFormWrapper"
      onSubmit={[Function]}
    >
      <div
        className="panelMainContent"
      >
        <InputParameter
          dropdownLabel="Key"
          inputLabel="Value"
          inputParameterTitle="Partition key value"
          isAddRemoveVisible={false}
          onParamKeyChange={[Function]}
          onParamValueChange={[Function]}
          selectedKey="string"
        >
          <StyledLabelBase>
            <LabelBase
              styles={[Function]}
              theme={
                Object {
                  "disableGlobalClassNames": false,
                  "effects": Object {
                    "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
                    "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                    "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
                    "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                    "roundedCorner2": "2px",
                    "roundedCorner4": "4px",
                    "roundedCorner6": "6px",
                  },
                  "fonts": Object {
                    "large": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "18px",
                      "fontWeight": 400,
                    },
                    "medium": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "14px",
                      "fontWeight": 400,
                    },
                    "mediumPlus": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "16px",
                      "fontWeight": 400,
                    },
                    "mega": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "68px",
                      "fontWeight": 600,
                    },
                    "small": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "12px",
                      "fontWeight": 400,
                    },
                    "smallPlus": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "12px",
                      "fontWeight": 400,
                    },
                    "superLarge": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "42px",
                      "fontWeight": 600,
                    },
                    "tiny": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "10px",
                      "fontWeight": 400,
                    },
                    "xLarge": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "20px",
                      "fontWeight": 600,
                    },
                    "xLargePlus": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "24px",
                      "fontWeight": 600,
                    },
                    "xSmall": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "10px",
                      "fontWeight": 400,
                    },
                    "xxLarge": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "28px",
                      "fontWeight": 600,
                    },
                    "xxLargePlus": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "32px",
                      "fontWeight": 600,
                    },
                  },
                  "isInverted": false,
                  "palette": Object {
                    "accent": "#0078d4",
                    "black": "#000000",
                    "blackTranslucent40": "rgba(0,0,0,.4)",
                    "blue": "#0078d4",
                    "blueDark": "#002050",
                    "blueLight": "#00bcf2",
                    "blueMid": "#00188f",
                    "green": "#107c10",
                    "greenDark": "#004b1c",
                    "greenLight": "#bad80a",
                    "magenta": "#b4009e",
                    "magentaDark": "#5c005c",
                    "magentaLight": "#e3008c",
                    "neutralDark": "#201f1e",
                    "neutralLight": "#edebe9",
                    "neutralLighter": "#f3f2f1",
                    "neutralLighterAlt": "#faf9f8",
                    "neutralPrimary": "#323130",
                    "neutralPrimaryAlt": "#3b3a39",
                    "neutralQuaternary": "#d2d0ce",
                    "neutralQuaternaryAlt": "#e1dfdd",
                    "neutralSecondary": "#605e5c",
                    "neutralSecondaryAlt": "#8a8886",
                    "neutralTertiary": "#a19f9d",
                    "neutralTertiaryAlt": "#c8c6c4",
                    "orange": "#d83b01",
                    "orangeLight": "#ea4300",
                    "orangeLighter": "#ff8c00",
                    "purple": "#5c2d91",
                    "purpleDark": "#32145a",
                    "purpleLight": "#b4a0ff",
                    "red": "#e81123",
                    "redDark": "#a4262c",
                    "teal": "#008272",
                    "tealDark": "#004b50",
                    "tealLight": "#00b294",
                    "themeDark": "#005a9e",
                    "themeDarkAlt": "#106ebe",
                    "themeDarker": "#004578",
                    "themeLight": "#c7e0f4",
                    "themeLighter": "#deecf9",
                    "themeLighterAlt": "#eff6fc",
                    "themePrimary": "#0078d4",
                    "themeSecondary": "#2b88d8",
                    "themeTertiary": "#71afe5",
                    "white": "#ffffff",
                    "whiteTranslucent40": "rgba(255,255,255,.4)",
                    "yellow": "#ffb900",
                    "yellowDark": "#d29200",
                    "yellowLight": "#fff100",
                  },
                  "rtl": undefined,
                  "semanticColors": Object {
                    "accentButtonBackground": "#0078d4",
                    "accentButtonText": "#ffffff",
                    "actionLink": "#323130",
                    "actionLinkHovered": "#201f1e",
                    "blockingBackground": "#FDE7E9",
                    "blockingIcon": "#FDE7E9",
                    "bodyBackground": "#ffffff",
                    "bodyBackgroundChecked": "#edebe9",
                    "bodyBackgroundHovered": "#f3f2f1",
                    "bodyDivider": "#edebe9",
                    "bodyFrameBackground": "#ffffff",
                    "bodyFrameDivider": "#edebe9",
                    "bodyStandoutBackground": "#faf9f8",
                    "bodySubtext": "#605e5c",
                    "bodyText": "#323130",
                    "bodyTextChecked": "#000000",
                    "buttonBackground": "#ffffff",
                    "buttonBackgroundChecked": "#c8c6c4",
                    "buttonBackgroundCheckedHovered": "#edebe9",
                    "buttonBackgroundDisabled": "#f3f2f1",
                    "buttonBackgroundHovered": "#f3f2f1",
                    "buttonBackgroundPressed": "#edebe9",
                    "buttonBorder": "#8a8886",
                    "buttonBorderDisabled": "#f3f2f1",
                    "buttonText": "#323130",
                    "buttonTextChecked": "#201f1e",
                    "buttonTextCheckedHovered": "#000000",
                    "buttonTextDisabled": "#a19f9d",
                    "buttonTextHovered": "#201f1e",
                    "buttonTextPressed": "#201f1e",
                    "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                    "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                    "cardStandoutBackground": "#ffffff",
                    "defaultStateBackground": "#faf9f8",
                    "disabledBackground": "#f3f2f1",
                    "disabledBodySubtext": "#c8c6c4",
                    "disabledBodyText": "#a19f9d",
                    "disabledBorder": "#c8c6c4",
                    "disabledSubtext": "#d2d0ce",
                    "disabledText": "#a19f9d",
                    "errorBackground": "#FDE7E9",
                    "errorIcon": "#A80000",
                    "errorText": "#a4262c",
                    "focusBorder": "#605e5c",
                    "infoBackground": "#f3f2f1",
                    "infoIcon": "#605e5c",
                    "inputBackground": "#ffffff",
                    "inputBackgroundChecked": "#0078d4",
                    "inputBackgroundCheckedHovered": "#005a9e",
                    "inputBorder": "#605e5c",
                    "inputBorderHovered": "#323130",
                    "inputFocusBorderAlt": "#0078d4",
                    "inputForegroundChecked": "#ffffff",
                    "inputIcon": "#0078d4",
                    "inputIconDisabled": "#a19f9d",
                    "inputIconHovered": "#005a9e",
                    "inputPlaceholderBackgroundChecked": "#deecf9",
                    "inputPlaceholderText": "#605e5c",
                    "inputText": "#323130",
                    "inputTextHovered": "#201f1e",
                    "link": "#0078d4",
                    "linkHovered": "#004578",
                    "listBackground": "#ffffff",
                    "listHeaderBackgroundHovered": "#f3f2f1",
                    "listHeaderBackgroundPressed": "#edebe9",
                    "listItemBackgroundChecked": "#edebe9",
                    "listItemBackgroundCheckedHovered": "#e1dfdd",
                    "listItemBackgroundHovered": "#f3f2f1",
                    "listText": "#323130",
                    "listTextColor": "#323130",
                    "menuBackground": "#ffffff",
                    "menuDivider": "#c8c6c4",
                    "menuHeader": "#0078d4",
                    "menuIcon": "#0078d4",
                    "menuItemBackgroundChecked": "#edebe9",
                    "menuItemBackgroundHovered": "#f3f2f1",
                    "menuItemBackgroundPressed": "#edebe9",
                    "menuItemText": "#323130",
                    "menuItemTextHovered": "#201f1e",
                    "messageLink": "#005A9E",
                    "messageLinkHovered": "#004578",
                    "messageText": "#323130",
                    "primaryButtonBackground": "#0078d4",
                    "primaryButtonBackgroundDisabled": "#f3f2f1",
                    "primaryButtonBackgroundHovered": "#106ebe",
                    "primaryButtonBackgroundPressed": "#005a9e",
                    "primaryButtonBorder": "transparent",
                    "primaryButtonText": "#ffffff",
                    "primaryButtonTextDisabled": "#d2d0ce",
                    "primaryButtonTextHovered": "#ffffff",
                    "primaryButtonTextPressed": "#ffffff",
                    "severeWarningBackground": "#FED9CC",
                    "severeWarningIcon": "#D83B01",
                    "smallInputBorder": "#605e5c",
                    "successBackground": "#DFF6DD",
                    "successIcon": "#107C10",
                    "successText": "#107C10",
                    "variantBorder": "#edebe9",
                    "variantBorderHovered": "#a19f9d",
                    "warningBackground": "#FFF4CE",
                    "warningHighlight": "#ffb900",
                    "warningIcon": "#797775",
                    "warningText": "#323130",
                  },
                  "spacing": Object {
                    "l1": "20px",
                    "l2": "32px",
                    "m": "16px",
                    "s1": "8px",
                    "s2": "4px",
                  },
                }
              }
            >
              <label
                className="ms-Label root-53"
              >
                Partition key value
              </label>
            </LabelBase>
          </StyledLabelBase>
          <Stack
            horizontal={true}
          >
            <div
              className="ms-Stack css-54"
            >
              <Dropdown
                defaultSelectedKey="string"
                key=".0:$.0"
                label="Key"
                onChange={[Function]}
                options={
                  Array [
                    Object {
                      "key": "string",
                      "text": "String",
                    },
                    Object {
                      "key": "custom",
                      "text": "Custom",
                    },
                  ]
                }
                styles={
                  Object {
                    "dropdown": Object {
                      "width": 100,
                    },
                  }
                }
                tabIndex={0}
              >
                <DropdownBase
                  defaultSelectedKey="string"
                  label="Key"
                  onChange={[Function]}
                  options={
                    Array [
                      Object {
                        "key": "string",
                        "text": "String",
                      },
                      Object {
                        "key": "custom",
                        "text": "Custom",
                      },
                    ]
                  }
                  styles={[Function]}
                  tabIndex={0}
                  theme={
                    Object {
                      "disableGlobalClassNames": false,
                      "effects": Object {
                        "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
                        "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                        "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
                        "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                        "roundedCorner2": "2px",
                        "roundedCorner4": "4px",
                        "roundedCorner6": "6px",
                      },
                      "fonts": Object {
                        "large": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "18px",
                          "fontWeight": 400,
                        },
                        "medium": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "14px",
                          "fontWeight": 400,
                        },
                        "mediumPlus": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "16px",
                          "fontWeight": 400,
                        },
                        "mega": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "68px",
                          "fontWeight": 600,
                        },
                        "small": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "12px",
                          "fontWeight": 400,
                        },
                        "smallPlus": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "12px",
                          "fontWeight": 400,
                        },
                        "superLarge": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "42px",
                          "fontWeight": 600,
                        },
                        "tiny": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "10px",
                          "fontWeight": 400,
                        },
                        "xLarge": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "20px",
                          "fontWeight": 600,
                        },
                        "xLargePlus": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "24px",
                          "fontWeight": 600,
                        },
                        "xSmall": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "10px",
                          "fontWeight": 400,
                        },
                        "xxLarge": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "28px",
                          "fontWeight": 600,
                        },
                        "xxLargePlus": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "32px",
                          "fontWeight": 600,
                        },
                      },
                      "isInverted": false,
                      "palette": Object {
                        "accent": "#0078d4",
                        "black": "#000000",
                        "blackTranslucent40": "rgba(0,0,0,.4)",
                        "blue": "#0078d4",
                        "blueDark": "#002050",
                        "blueLight": "#00bcf2",
                        "blueMid": "#00188f",
                        "green": "#107c10",
                        "greenDark": "#004b1c",
                        "greenLight": "#bad80a",
                        "magenta": "#b4009e",
                        "magentaDark": "#5c005c",
                        "magentaLight": "#e3008c",
                        "neutralDark": "#201f1e",
                        "neutralLight": "#edebe9",
                        "neutralLighter": "#f3f2f1",
                        "neutralLighterAlt": "#faf9f8",
                        "neutralPrimary": "#323130",
                        "neutralPrimaryAlt": "#3b3a39",
                        "neutralQuaternary": "#d2d0ce",
                        "neutralQuaternaryAlt": "#e1dfdd",
                        "neutralSecondary": "#605e5c",
                        "neutralSecondaryAlt": "#8a8886",
                        "neutralTertiary": "#a19f9d",
                        "neutralTertiaryAlt": "#c8c6c4",
                        "orange": "#d83b01",
                        "orangeLight": "#ea4300",
                        "orangeLighter": "#ff8c00",
                        "purple": "#5c2d91",
                        "purpleDark": "#32145a",
                        "purpleLight": "#b4a0ff",
                        "red": "#e81123",
                        "redDark": "#a4262c",
                        "teal": "#008272",
                        "tealDark": "#004b50",
                        "tealLight": "#00b294",
                        "themeDark": "#005a9e",
                        "themeDarkAlt": "#106ebe",
                        "themeDarker": "#004578",
                        "themeLight": "#c7e0f4",
                        "themeLighter": "#deecf9",
                        "themeLighterAlt": "#eff6fc",
                        "themePrimary": "#0078d4",
                        "themeSecondary": "#2b88d8",
                        "themeTertiary": "#71afe5",
                        "white": "#ffffff",
                        "whiteTranslucent40": "rgba(255,255,255,.4)",
                        "yellow": "#ffb900",
                        "yellowDark": "#d29200",
                        "yellowLight": "#fff100",
                      },
                      "rtl": undefined,
                      "semanticColors": Object {
                        "accentButtonBackground": "#0078d4",
                        "accentButtonText": "#ffffff",
                        "actionLink": "#323130",
                        "actionLinkHovered": "#201f1e",
                        "blockingBackground": "#FDE7E9",
                        "blockingIcon": "#FDE7E9",
                        "bodyBackground": "#ffffff",
                        "bodyBackgroundChecked": "#edebe9",
                        "bodyBackgroundHovered": "#f3f2f1",
                        "bodyDivider": "#edebe9",
                        "bodyFrameBackground": "#ffffff",
                        "bodyFrameDivider": "#edebe9",
                        "bodyStandoutBackground": "#faf9f8",
                        "bodySubtext": "#605e5c",
                        "bodyText": "#323130",
                        "bodyTextChecked": "#000000",
                        "buttonBackground": "#ffffff",
                        "buttonBackgroundChecked": "#c8c6c4",
                        "buttonBackgroundCheckedHovered": "#edebe9",
                        "buttonBackgroundDisabled": "#f3f2f1",
                        "buttonBackgroundHovered": "#f3f2f1",
                        "buttonBackgroundPressed": "#edebe9",
                        "buttonBorder": "#8a8886",
                        "buttonBorderDisabled": "#f3f2f1",
                        "buttonText": "#323130",
                        "buttonTextChecked": "#201f1e",
                        "buttonTextCheckedHovered": "#000000",
                        "buttonTextDisabled": "#a19f9d",
                        "buttonTextHovered": "#201f1e",
                        "buttonTextPressed": "#201f1e",
                        "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                        "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                        "cardStandoutBackground": "#ffffff",
                        "defaultStateBackground": "#faf9f8",
                        "disabledBackground": "#f3f2f1",
                        "disabledBodySubtext": "#c8c6c4",
                        "disabledBodyText": "#a19f9d",
                        "disabledBorder": "#c8c6c4",
                        "disabledSubtext": "#d2d0ce",
                        "disabledText": "#a19f9d",
                        "errorBackground": "#FDE7E9",
                        "errorIcon": "#A80000",
                        "errorText": "#a4262c",
                        "focusBorder": "#605e5c",
                        "infoBackground": "#f3f2f1",
                        "infoIcon": "#605e5c",
                        "inputBackground": "#ffffff",
                        "inputBackgroundChecked": "#0078d4",
                        "inputBackgroundCheckedHovered": "#005a9e",
                        "inputBorder": "#605e5c",
                        "inputBorderHovered": "#323130",
                        "inputFocusBorderAlt": "#0078d4",
                        "inputForegroundChecked": "#ffffff",
                        "inputIcon": "#0078d4",
                        "inputIconDisabled": "#a19f9d",
                        "inputIconHovered": "#005a9e",
                        "inputPlaceholderBackgroundChecked": "#deecf9",
                        "inputPlaceholderText": "#605e5c",
                        "inputText": "#323130",
                        "inputTextHovered": "#201f1e",
                        "link": "#0078d4",
                        "linkHovered": "#004578",
                        "listBackground": "#ffffff",
                        "listHeaderBackgroundHovered": "#f3f2f1",
                        "listHeaderBackgroundPressed": "#edebe9",
                        "listItemBackgroundChecked": "#edebe9",
                        "listItemBackgroundCheckedHovered": "#e1dfdd",
                        "listItemBackgroundHovered": "#f3f2f1",
                        "listText": "#323130",
                        "listTextColor": "#323130",
                        "menuBackground": "#ffffff",
                        "menuDivider": "#c8c6c4",
                        "menuHeader": "#0078d4",
                        "menuIcon": "#0078d4",
                        "menuItemBackgroundChecked": "#edebe9",
                        "menuItemBackgroundHovered": "#f3f2f1",
                        "menuItemBackgroundPressed": "#edebe9",
                        "menuItemText": "#323130",
                        "menuItemTextHovered": "#201f1e",
                        "messageLink": "#005A9E",
                        "messageLinkHovered": "#004578",
                        "messageText": "#323130",
                        "primaryButtonBackground": "#0078d4",
                        "primaryButtonBackgroundDisabled": "#f3f2f1",
                        "primaryButtonBackgroundHovered": "#106ebe",
                        "primaryButtonBackgroundPressed": "#005a9e",
                        "primaryButtonBorder": "transparent",
                        "primaryButtonText": "#ffffff",
                        "primaryButtonTextDisabled": "#d2d0ce",
                        "primaryButtonTextHovered": "#ffffff",
                        "primaryButtonTextPressed": "#ffffff",
                        "severeWarningBackground": "#FED9CC",
                        "severeWarningIcon": "#D83B01",
                        "smallInputBorder": "#605e5c",
                        "successBackground": "#DFF6DD",
                        "successIcon": "#107C10",
                        "successText": "#107C10",
                        "variantBorder": "#edebe9",
                        "variantBorderHovered": "#a19f9d",
                        "warningBackground": "#FFF4CE",
                        "warningHighlight": "#ffb900",
                        "warningIcon": "#797775",
                        "warningText": "#323130",
                      },
                      "spacing": Object {
                        "l1": "20px",
                        "l2": "32px",
                        "m": "16px",
                        "s1": "8px",
                        "s2": "4px",
                      },
                    }
                  }
                >
                  <DropdownInternal
                    defaultSelectedKey="string"
                    hoisted={
                      Object {
                        "rootRef": [Function],
                        "selectedIndices": Array [
                          0,
                        ],
                        "setSelectedIndices": [Function],
                      }
                    }
                    label="Key"
                    onChange={[Function]}
                    options={
                      Array [
                        Object {
                          "key": "string",
                          "text": "String",
                        },
                        Object {
                          "key": "custom",
                          "text": "Custom",
                        },
                      ]
                    }
                    responsiveMode={3}
                    styles={[Function]}
                    tabIndex={0}
                    theme={
                      Object {
                        "disableGlobalClassNames": false,
                        "effects": Object {
                          "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
                          "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                          "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
                          "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                          "roundedCorner2": "2px",
                          "roundedCorner4": "4px",
                          "roundedCorner6": "6px",
                        },
                        "fonts": Object {
                          "large": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "18px",
                            "fontWeight": 400,
                          },
                          "medium": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "14px",
                            "fontWeight": 400,
                          },
                          "mediumPlus": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "16px",
                            "fontWeight": 400,
                          },
                          "mega": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "68px",
                            "fontWeight": 600,
                          },
                          "small": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "12px",
                            "fontWeight": 400,
                          },
                          "smallPlus": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "12px",
                            "fontWeight": 400,
                          },
                          "superLarge": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "42px",
                            "fontWeight": 600,
                          },
                          "tiny": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "10px",
                            "fontWeight": 400,
                          },
                          "xLarge": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "20px",
                            "fontWeight": 600,
                          },
                          "xLargePlus": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "24px",
                            "fontWeight": 600,
                          },
                          "xSmall": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "10px",
                            "fontWeight": 400,
                          },
                          "xxLarge": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "28px",
                            "fontWeight": 600,
                          },
                          "xxLargePlus": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "32px",
                            "fontWeight": 600,
                          },
                        },
                        "isInverted": false,
                        "palette": Object {
                          "accent": "#0078d4",
                          "black": "#000000",
                          "blackTranslucent40": "rgba(0,0,0,.4)",
                          "blue": "#0078d4",
                          "blueDark": "#002050",
                          "blueLight": "#00bcf2",
                          "blueMid": "#00188f",
                          "green": "#107c10",
                          "greenDark": "#004b1c",
                          "greenLight": "#bad80a",
                          "magenta": "#b4009e",
                          "magentaDark": "#5c005c",
                          "magentaLight": "#e3008c",
                          "neutralDark": "#201f1e",
                          "neutralLight": "#edebe9",
                          "neutralLighter": "#f3f2f1",
                          "neutralLighterAlt": "#faf9f8",
                          "neutralPrimary": "#323130",
                          "neutralPrimaryAlt": "#3b3a39",
                          "neutralQuaternary": "#d2d0ce",
                          "neutralQuaternaryAlt": "#e1dfdd",
                          "neutralSecondary": "#605e5c",
                          "neutralSecondaryAlt": "#8a8886",
                          "neutralTertiary": "#a19f9d",
                          "neutralTertiaryAlt": "#c8c6c4",
                          "orange": "#d83b01",
                          "orangeLight": "#ea4300",
                          "orangeLighter": "#ff8c00",
                          "purple": "#5c2d91",
                          "purpleDark": "#32145a",
                          "purpleLight": "#b4a0ff",
                          "red": "#e81123",
                          "redDark": "#a4262c",
                          "teal": "#008272",
                          "tealDark": "#004b50",
                          "tealLight": "#00b294",
                          "themeDark": "#005a9e",
                          "themeDarkAlt": "#106ebe",
                          "themeDarker": "#004578",
                          "themeLight": "#c7e0f4",
                          "themeLighter": "#deecf9",
                          "themeLighterAlt": "#eff6fc",
                          "themePrimary": "#0078d4",
                          "themeSecondary": "#2b88d8",
                          "themeTertiary": "#71afe5",
                          "white": "#ffffff",
                          "whiteTranslucent40": "rgba(255,255,255,.4)",
                          "yellow": "#ffb900",
                          "yellowDark": "#d29200",
                          "yellowLight": "#fff100",
                        },
                        "rtl": undefined,
                        "semanticColors": Object {
                          "accentButtonBackground": "#0078d4",
                          "accentButtonText": "#ffffff",
                          "actionLink": "#323130",
                          "actionLinkHovered": "#201f1e",
                          "blockingBackground": "#FDE7E9",
                          "blockingIcon": "#FDE7E9",
                          "bodyBackground": "#ffffff",
                          "bodyBackgroundChecked": "#edebe9",
                          "bodyBackgroundHovered": "#f3f2f1",
                          "bodyDivider": "#edebe9",
                          "bodyFrameBackground": "#ffffff",
                          "bodyFrameDivider": "#edebe9",
                          "bodyStandoutBackground": "#faf9f8",
                          "bodySubtext": "#605e5c",
                          "bodyText": "#323130",
                          "bodyTextChecked": "#000000",
                          "buttonBackground": "#ffffff",
                          "buttonBackgroundChecked": "#c8c6c4",
                          "buttonBackgroundCheckedHovered": "#edebe9",
                          "buttonBackgroundDisabled": "#f3f2f1",
                          "buttonBackgroundHovered": "#f3f2f1",
                          "buttonBackgroundPressed": "#edebe9",
                          "buttonBorder": "#8a8886",
                          "buttonBorderDisabled": "#f3f2f1",
                          "buttonText": "#323130",
                          "buttonTextChecked": "#201f1e",
                          "buttonTextCheckedHovered": "#000000",
                          "buttonTextDisabled": "#a19f9d",
                          "buttonTextHovered": "#201f1e",
                          "buttonTextPressed": "#201f1e",
                          "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                          "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                          "cardStandoutBackground": "#ffffff",
                          "defaultStateBackground": "#faf9f8",
                          "disabledBackground": "#f3f2f1",
                          "disabledBodySubtext": "#c8c6c4",
                          "disabledBodyText": "#a19f9d",
                          "disabledBorder": "#c8c6c4",
                          "disabledSubtext": "#d2d0ce",
                          "disabledText": "#a19f9d",
                          "errorBackground": "#FDE7E9",
                          "errorIcon": "#A80000",
                          "errorText": "#a4262c",
                          "focusBorder": "#605e5c",
                          "infoBackground": "#f3f2f1",
                          "infoIcon": "#605e5c",
                          "inputBackground": "#ffffff",
                          "inputBackgroundChecked": "#0078d4",
                          "inputBackgroundCheckedHovered": "#005a9e",
                          "inputBorder": "#605e5c",
                          "inputBorderHovered": "#323130",
                          "inputFocusBorderAlt": "#0078d4",
                          "inputForegroundChecked": "#ffffff",
                          "inputIcon": "#0078d4",
                          "inputIconDisabled": "#a19f9d",
                          "inputIconHovered": "#005a9e",
                          "inputPlaceholderBackgroundChecked": "#deecf9",
                          "inputPlaceholderText": "#605e5c",
                          "inputText": "#323130",
                          "inputTextHovered": "#201f1e",
                          "link": "#0078d4",
                          "linkHovered": "#004578",
                          "listBackground": "#ffffff",
                          "listHeaderBackgroundHovered": "#f3f2f1",
                          "listHeaderBackgroundPressed": "#edebe9",
                          "listItemBackgroundChecked": "#edebe9",
                          "listItemBackgroundCheckedHovered": "#e1dfdd",
                          "listItemBackgroundHovered": "#f3f2f1",
                          "listText": "#323130",
                          "listTextColor": "#323130",
                          "menuBackground": "#ffffff",
                          "menuDivider": "#c8c6c4",
                          "menuHeader": "#0078d4",
                          "menuIcon": "#0078d4",
                          "menuItemBackgroundChecked": "#edebe9",
                          "menuItemBackgroundHovered": "#f3f2f1",
                          "menuItemBackgroundPressed": "#edebe9",
                          "menuItemText": "#323130",
                          "menuItemTextHovered": "#201f1e",
                          "messageLink": "#005A9E",
                          "messageLinkHovered": "#004578",
                          "messageText": "#323130",
                          "primaryButtonBackground": "#0078d4",
                          "primaryButtonBackgroundDisabled": "#f3f2f1",
                          "primaryButtonBackgroundHovered": "#106ebe",
                          "primaryButtonBackgroundPressed": "#005a9e",
                          "primaryButtonBorder": "transparent",
                          "primaryButtonText": "#ffffff",
                          "primaryButtonTextDisabled": "#d2d0ce",
                          "primaryButtonTextHovered": "#ffffff",
                          "primaryButtonTextPressed": "#ffffff",
                          "severeWarningBackground": "#FED9CC",
                          "severeWarningIcon": "#D83B01",
                          "smallInputBorder": "#605e5c",
                          "successBackground": "#DFF6DD",
                          "successIcon": "#107C10",
                          "successText": "#107C10",
                          "variantBorder": "#edebe9",
                          "variantBorderHovered": "#a19f9d",
                          "warningBackground": "#FFF4CE",
                          "warningHighlight": "#ffb900",
                          "warningIcon": "#797775",
                          "warningText": "#323130",
                        },
                        "spacing": Object {
                          "l1": "20px",
                          "l2": "32px",
                          "m": "16px",
                          "s1": "8px",
                          "s2": "4px",
                        },
                      }
                    }
                  >
                    <div
                      className="ms-Dropdown-container"
                    >
                      <StyledLabelBase
                        className="ms-Dropdown-label"
                        id="Dropdown0-label"
                        styles={[Function]}
                      >
                        <LabelBase
                          className="ms-Dropdown-label"
                          id="Dropdown0-label"
                          styles={[Function]}
                          theme={
                            Object {
                              "disableGlobalClassNames": false,
                              "effects": Object {
                                "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
                                "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                                "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
                                "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                                "roundedCorner2": "2px",
                                "roundedCorner4": "4px",
                                "roundedCorner6": "6px",
                              },
                              "fonts": Object {
                                "large": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "18px",
                                  "fontWeight": 400,
                                },
                                "medium": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "14px",
                                  "fontWeight": 400,
                                },
                                "mediumPlus": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "16px",
                                  "fontWeight": 400,
                                },
                                "mega": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "68px",
                                  "fontWeight": 600,
                                },
                                "small": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "12px",
                                  "fontWeight": 400,
                                },
                                "smallPlus": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "12px",
                                  "fontWeight": 400,
                                },
                                "superLarge": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "42px",
                                  "fontWeight": 600,
                                },
                                "tiny": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "10px",
                                  "fontWeight": 400,
                                },
                                "xLarge": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "20px",
                                  "fontWeight": 600,
                                },
                                "xLargePlus": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "24px",
                                  "fontWeight": 600,
                                },
                                "xSmall": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "10px",
                                  "fontWeight": 400,
                                },
                                "xxLarge": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "28px",
                                  "fontWeight": 600,
                                },
                                "xxLargePlus": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "32px",
                                  "fontWeight": 600,
                                },
                              },
                              "isInverted": false,
                              "palette": Object {
                                "accent": "#0078d4",
                                "black": "#000000",
                                "blackTranslucent40": "rgba(0,0,0,.4)",
                                "blue": "#0078d4",
                                "blueDark": "#002050",
                                "blueLight": "#00bcf2",
                                "blueMid": "#00188f",
                                "green": "#107c10",
                                "greenDark": "#004b1c",
                                "greenLight": "#bad80a",
                                "magenta": "#b4009e",
                                "magentaDark": "#5c005c",
                                "magentaLight": "#e3008c",
                                "neutralDark": "#201f1e",
                                "neutralLight": "#edebe9",
                                "neutralLighter": "#f3f2f1",
                                "neutralLighterAlt": "#faf9f8",
                                "neutralPrimary": "#323130",
                                "neutralPrimaryAlt": "#3b3a39",
                                "neutralQuaternary": "#d2d0ce",
                                "neutralQuaternaryAlt": "#e1dfdd",
                                "neutralSecondary": "#605e5c",
                                "neutralSecondaryAlt": "#8a8886",
                                "neutralTertiary": "#a19f9d",
                                "neutralTertiaryAlt": "#c8c6c4",
                                "orange": "#d83b01",
                                "orangeLight": "#ea4300",
                                "orangeLighter": "#ff8c00",
                                "purple": "#5c2d91",
                                "purpleDark": "#32145a",
                                "purpleLight": "#b4a0ff",
                                "red": "#e81123",
                                "redDark": "#a4262c",
                                "teal": "#008272",
                                "tealDark": "#004b50",
                                "tealLight": "#00b294",
                                "themeDark": "#005a9e",
                                "themeDarkAlt": "#106ebe",
                                "themeDarker": "#004578",
                                "themeLight": "#c7e0f4",
                                "themeLighter": "#deecf9",
                                "themeLighterAlt": "#eff6fc",
                                "themePrimary": "#0078d4",
                                "themeSecondary": "#2b88d8",
                                "themeTertiary": "#71afe5",
                                "white": "#ffffff",
                                "whiteTranslucent40": "rgba(255,255,255,.4)",
                                "yellow": "#ffb900",
                                "yellowDark": "#d29200",
                                "yellowLight": "#fff100",
                              },
                              "rtl": undefined,
                              "semanticColors": Object {
                                "accentButtonBackground": "#0078d4",
                                "accentButtonText": "#ffffff",
                                "actionLink": "#323130",
                                "actionLinkHovered": "#201f1e",
                                "blockingBackground": "#FDE7E9",
                                "blockingIcon": "#FDE7E9",
                                "bodyBackground": "#ffffff",
                                "bodyBackgroundChecked": "#edebe9",
                                "bodyBackgroundHovered": "#f3f2f1",
                                "bodyDivider": "#edebe9",
                                "bodyFrameBackground": "#ffffff",
                                "bodyFrameDivider": "#edebe9",
                                "bodyStandoutBackground": "#faf9f8",
                                "bodySubtext": "#605e5c",
                                "bodyText": "#323130",
                                "bodyTextChecked": "#000000",
                                "buttonBackground": "#ffffff",
                                "buttonBackgroundChecked": "#c8c6c4",
                                "buttonBackgroundCheckedHovered": "#edebe9",
                                "buttonBackgroundDisabled": "#f3f2f1",
                                "buttonBackgroundHovered": "#f3f2f1",
                                "buttonBackgroundPressed": "#edebe9",
                                "buttonBorder": "#8a8886",
                                "buttonBorderDisabled": "#f3f2f1",
                                "buttonText": "#323130",
                                "buttonTextChecked": "#201f1e",
                                "buttonTextCheckedHovered": "#000000",
                                "buttonTextDisabled": "#a19f9d",
                                "buttonTextHovered": "#201f1e",
                                "buttonTextPressed": "#201f1e",
                                "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                                "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                                "cardStandoutBackground": "#ffffff",
                                "defaultStateBackground": "#faf9f8",
                                "disabledBackground": "#f3f2f1",
                                "disabledBodySubtext": "#c8c6c4",
                                "disabledBodyText": "#a19f9d",
                                "disabledBorder": "#c8c6c4",
                                "disabledSubtext": "#d2d0ce",
                                "disabledText": "#a19f9d",
                                "errorBackground": "#FDE7E9",
                                "errorIcon": "#A80000",
                                "errorText": "#a4262c",
                                "focusBorder": "#605e5c",
                                "infoBackground": "#f3f2f1",
                                "infoIcon": "#605e5c",
                                "inputBackground": "#ffffff",
                                "inputBackgroundChecked": "#0078d4",
                                "inputBackgroundCheckedHovered": "#005a9e",
                                "inputBorder": "#605e5c",
                                "inputBorderHovered": "#323130",
                                "inputFocusBorderAlt": "#0078d4",
                                "inputForegroundChecked": "#ffffff",
                                "inputIcon": "#0078d4",
                                "inputIconDisabled": "#a19f9d",
                                "inputIconHovered": "#005a9e",
                                "inputPlaceholderBackgroundChecked": "#deecf9",
                                "inputPlaceholderText": "#605e5c",
                                "inputText": "#323130",
                                "inputTextHovered": "#201f1e",
                                "link": "#0078d4",
                                "linkHovered": "#004578",
                                "listBackground": "#ffffff",
                                "listHeaderBackgroundHovered": "#f3f2f1",
                                "listHeaderBackgroundPressed": "#edebe9",
                                "listItemBackgroundChecked": "#edebe9",
                                "listItemBackgroundCheckedHovered": "#e1dfdd",
                                "listItemBackgroundHovered": "#f3f2f1",
                                "listText": "#323130",
                                "listTextColor": "#323130",
                                "menuBackground": "#ffffff",
                                "menuDivider": "#c8c6c4",
                                "menuHeader": "#0078d4",
                                "menuIcon": "#0078d4",
                                "menuItemBackgroundChecked": "#edebe9",
                                "menuItemBackgroundHovered": "#f3f2f1",
                                "menuItemBackgroundPressed": "#edebe9",
                                "menuItemText": "#323130",
                                "menuItemTextHovered": "#201f1e",
                                "messageLink": "#005A9E",
                                "messageLinkHovered": "#004578",
                                "messageText": "#323130",
                                "primaryButtonBackground": "#0078d4",
                                "primaryButtonBackgroundDisabled": "#f3f2f1",
                                "primaryButtonBackgroundHovered": "#106ebe",
                                "primaryButtonBackgroundPressed": "#005a9e",
                                "primaryButtonBorder": "transparent",
                                "primaryButtonText": "#ffffff",
                                "primaryButtonTextDisabled": "#d2d0ce",
                                "primaryButtonTextHovered": "#ffffff",
                                "primaryButtonTextPressed": "#ffffff",
                                "severeWarningBackground": "#FED9CC",
                                "severeWarningIcon": "#D83B01",
                                "smallInputBorder": "#605e5c",
                                "successBackground": "#DFF6DD",
                                "successIcon": "#107C10",
                                "successText": "#107C10",
                                "variantBorder": "#edebe9",
                                "variantBorderHovered": "#a19f9d",
                                "warningBackground": "#FFF4CE",
                                "warningHighlight": "#ffb900",
                                "warningIcon": "#797775",
                                "warningText": "#323130",
                              },
                              "spacing": Object {
                                "l1": "20px",
                                "l2": "32px",
                                "m": "16px",
                                "s1": "8px",
                                "s2": "4px",
                              },
                            }
                          }
                        >
                          <label
                            className="ms-Label ms-Dropdown-label root-71"
                            id="Dropdown0-label"
                          >
                            Key
                          </label>
                        </LabelBase>
                      </StyledLabelBase>
                      <div
                        aria-expanded="false"
                        aria-haspopup="listbox"
                        aria-labelledby="Dropdown0-label Dropdown0-option"
                        className="ms-Dropdown dropdown-55"
                        data-is-focusable={true}
                        data-ktp-target={true}
                        id="Dropdown0"
                        onBlur={[Function]}
                        onChange={[Function]}
                        onClick={[Function]}
                        onFocus={[Function]}
                        onKeyDown={[Function]}
                        onKeyUp={[Function]}
                        onMouseDown={[Function]}
                        role="combobox"
                        tabIndex={0}
                      >
                        <span
                          aria-atomic={true}
                          aria-invalid={false}
                          aria-live="polite"
                          className="ms-Dropdown-title title-97"
                          id="Dropdown0-option"
                        >
                          String
                        </span>
                        <span
                          className="ms-Dropdown-caretDownWrapper caretDownWrapper-57"
                        >
                          <StyledIconBase
                            aria-hidden={true}
                            className="ms-Dropdown-caretDown caretDown-58"
                            iconName="ChevronDown"
                          >
                            <IconBase
                              aria-hidden={true}
                              className="ms-Dropdown-caretDown caretDown-58"
                              iconName="ChevronDown"
                              styles={[Function]}
                              theme={
                                Object {
                                  "disableGlobalClassNames": false,
                                  "effects": Object {
                                    "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
                                    "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                                    "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
                                    "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                                    "roundedCorner2": "2px",
                                    "roundedCorner4": "4px",
                                    "roundedCorner6": "6px",
                                  },
                                  "fonts": Object {
                                    "large": Object {
                                      "MozOsxFontSmoothing": "grayscale",
                                      "WebkitFontSmoothing": "antialiased",
                                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                      "fontSize": "18px",
                                      "fontWeight": 400,
                                    },
                                    "medium": Object {
                                      "MozOsxFontSmoothing": "grayscale",
                                      "WebkitFontSmoothing": "antialiased",
                                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                      "fontSize": "14px",
                                      "fontWeight": 400,
                                    },
                                    "mediumPlus": Object {
                                      "MozOsxFontSmoothing": "grayscale",
                                      "WebkitFontSmoothing": "antialiased",
                                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                      "fontSize": "16px",
                                      "fontWeight": 400,
                                    },
                                    "mega": Object {
                                      "MozOsxFontSmoothing": "grayscale",
                                      "WebkitFontSmoothing": "antialiased",
                                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                      "fontSize": "68px",
                                      "fontWeight": 600,
                                    },
                                    "small": Object {
                                      "MozOsxFontSmoothing": "grayscale",
                                      "WebkitFontSmoothing": "antialiased",
                                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                      "fontSize": "12px",
                                      "fontWeight": 400,
                                    },
                                    "smallPlus": Object {
                                      "MozOsxFontSmoothing": "grayscale",
                                      "WebkitFontSmoothing": "antialiased",
                                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                      "fontSize": "12px",
                                      "fontWeight": 400,
                                    },
                                    "superLarge": Object {
                                      "MozOsxFontSmoothing": "grayscale",
                                      "WebkitFontSmoothing": "antialiased",
                                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                      "fontSize": "42px",
                                      "fontWeight": 600,
                                    },
                                    "tiny": Object {
                                      "MozOsxFontSmoothing": "grayscale",
                                      "WebkitFontSmoothing": "antialiased",
                                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                      "fontSize": "10px",
                                      "fontWeight": 400,
                                    },
                                    "xLarge": Object {
                                      "MozOsxFontSmoothing": "grayscale",
                                      "WebkitFontSmoothing": "antialiased",
                                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                      "fontSize": "20px",
                                      "fontWeight": 600,
                                    },
                                    "xLargePlus": Object {
                                      "MozOsxFontSmoothing": "grayscale",
                                      "WebkitFontSmoothing": "antialiased",
                                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                      "fontSize": "24px",
                                      "fontWeight": 600,
                                    },
                                    "xSmall": Object {
                                      "MozOsxFontSmoothing": "grayscale",
                                      "WebkitFontSmoothing": "antialiased",
                                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                      "fontSize": "10px",
                                      "fontWeight": 400,
                                    },
                                    "xxLarge": Object {
                                      "MozOsxFontSmoothing": "grayscale",
                                      "WebkitFontSmoothing": "antialiased",
                                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                      "fontSize": "28px",
                                      "fontWeight": 600,
                                    },
                                    "xxLargePlus": Object {
                                      "MozOsxFontSmoothing": "grayscale",
                                      "WebkitFontSmoothing": "antialiased",
                                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                      "fontSize": "32px",
                                      "fontWeight": 600,
                                    },
                                  },
                                  "isInverted": false,
                                  "palette": Object {
                                    "accent": "#0078d4",
                                    "black": "#000000",
                                    "blackTranslucent40": "rgba(0,0,0,.4)",
                                    "blue": "#0078d4",
                                    "blueDark": "#002050",
                                    "blueLight": "#00bcf2",
                                    "blueMid": "#00188f",
                                    "green": "#107c10",
                                    "greenDark": "#004b1c",
                                    "greenLight": "#bad80a",
                                    "magenta": "#b4009e",
                                    "magentaDark": "#5c005c",
                                    "magentaLight": "#e3008c",
                                    "neutralDark": "#201f1e",
                                    "neutralLight": "#edebe9",
                                    "neutralLighter": "#f3f2f1",
                                    "neutralLighterAlt": "#faf9f8",
                                    "neutralPrimary": "#323130",
                                    "neutralPrimaryAlt": "#3b3a39",
                                    "neutralQuaternary": "#d2d0ce",
                                    "neutralQuaternaryAlt": "#e1dfdd",
                                    "neutralSecondary": "#605e5c",
                                    "neutralSecondaryAlt": "#8a8886",
                                    "neutralTertiary": "#a19f9d",
                                    "neutralTertiaryAlt": "#c8c6c4",
                                    "orange": "#d83b01",
                                    "orangeLight": "#ea4300",
                                    "orangeLighter": "#ff8c00",
                                    "purple": "#5c2d91",
                                    "purpleDark": "#32145a",
                                    "purpleLight": "#b4a0ff",
                                    "red": "#e81123",
                                    "redDark": "#a4262c",
                                    "teal": "#008272",
                                    "tealDark": "#004b50",
                                    "tealLight": "#00b294",
                                    "themeDark": "#005a9e",
                                    "themeDarkAlt": "#106ebe",
                                    "themeDarker": "#004578",
                                    "themeLight": "#c7e0f4",
                                    "themeLighter": "#deecf9",
                                    "themeLighterAlt": "#eff6fc",
                                    "themePrimary": "#0078d4",
                                    "themeSecondary": "#2b88d8",
                                    "themeTertiary": "#71afe5",
                                    "white": "#ffffff",
                                    "whiteTranslucent40": "rgba(255,255,255,.4)",
                                    "yellow": "#ffb900",
                                    "yellowDark": "#d29200",
                                    "yellowLight": "#fff100",
                                  },
                                  "rtl": undefined,
                                  "semanticColors": Object {
                                    "accentButtonBackground": "#0078d4",
                                    "accentButtonText": "#ffffff",
                                    "actionLink": "#323130",
                                    "actionLinkHovered": "#201f1e",
                                    "blockingBackground": "#FDE7E9",
                                    "blockingIcon": "#FDE7E9",
                                    "bodyBackground": "#ffffff",
                                    "bodyBackgroundChecked": "#edebe9",
                                    "bodyBackgroundHovered": "#f3f2f1",
                                    "bodyDivider": "#edebe9",
                                    "bodyFrameBackground": "#ffffff",
                                    "bodyFrameDivider": "#edebe9",
                                    "bodyStandoutBackground": "#faf9f8",
                                    "bodySubtext": "#605e5c",
                                    "bodyText": "#323130",
                                    "bodyTextChecked": "#000000",
                                    "buttonBackground": "#ffffff",
                                    "buttonBackgroundChecked": "#c8c6c4",
                                    "buttonBackgroundCheckedHovered": "#edebe9",
                                    "buttonBackgroundDisabled": "#f3f2f1",
                                    "buttonBackgroundHovered": "#f3f2f1",
                                    "buttonBackgroundPressed": "#edebe9",
                                    "buttonBorder": "#8a8886",
                                    "buttonBorderDisabled": "#f3f2f1",
                                    "buttonText": "#323130",
                                    "buttonTextChecked": "#201f1e",
                                    "buttonTextCheckedHovered": "#000000",
                                    "buttonTextDisabled": "#a19f9d",
                                    "buttonTextHovered": "#201f1e",
                                    "buttonTextPressed": "#201f1e",
                                    "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                                    "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                                    "cardStandoutBackground": "#ffffff",
                                    "defaultStateBackground": "#faf9f8",
                                    "disabledBackground": "#f3f2f1",
                                    "disabledBodySubtext": "#c8c6c4",
                                    "disabledBodyText": "#a19f9d",
                                    "disabledBorder": "#c8c6c4",
                                    "disabledSubtext": "#d2d0ce",
                                    "disabledText": "#a19f9d",
                                    "errorBackground": "#FDE7E9",
                                    "errorIcon": "#A80000",
                                    "errorText": "#a4262c",
                                    "focusBorder": "#605e5c",
                                    "infoBackground": "#f3f2f1",
                                    "infoIcon": "#605e5c",
                                    "inputBackground": "#ffffff",
                                    "inputBackgroundChecked": "#0078d4",
                                    "inputBackgroundCheckedHovered": "#005a9e",
                                    "inputBorder": "#605e5c",
                                    "inputBorderHovered": "#323130",
                                    "inputFocusBorderAlt": "#0078d4",
                                    "inputForegroundChecked": "#ffffff",
                                    "inputIcon": "#0078d4",
                                    "inputIconDisabled": "#a19f9d",
                                    "inputIconHovered": "#005a9e",
                                    "inputPlaceholderBackgroundChecked": "#deecf9",
                                    "inputPlaceholderText": "#605e5c",
                                    "inputText": "#323130",
                                    "inputTextHovered": "#201f1e",
                                    "link": "#0078d4",
                                    "linkHovered": "#004578",
                                    "listBackground": "#ffffff",
                                    "listHeaderBackgroundHovered": "#f3f2f1",
                                    "listHeaderBackgroundPressed": "#edebe9",
                                    "listItemBackgroundChecked": "#edebe9",
                                    "listItemBackgroundCheckedHovered": "#e1dfdd",
                                    "listItemBackgroundHovered": "#f3f2f1",
                                    "listText": "#323130",
                                    "listTextColor": "#323130",
                                    "menuBackground": "#ffffff",
                                    "menuDivider": "#c8c6c4",
                                    "menuHeader": "#0078d4",
                                    "menuIcon": "#0078d4",
                                    "menuItemBackgroundChecked": "#edebe9",
                                    "menuItemBackgroundHovered": "#f3f2f1",
                                    "menuItemBackgroundPressed": "#edebe9",
                                    "menuItemText": "#323130",
                                    "menuItemTextHovered": "#201f1e",
                                    "messageLink": "#005A9E",
                                    "messageLinkHovered": "#004578",
                                    "messageText": "#323130",
                                    "primaryButtonBackground": "#0078d4",
                                    "primaryButtonBackgroundDisabled": "#f3f2f1",
                                    "primaryButtonBackgroundHovered": "#106ebe",
                                    "primaryButtonBackgroundPressed": "#005a9e",
                                    "primaryButtonBorder": "transparent",
                                    "primaryButtonText": "#ffffff",
                                    "primaryButtonTextDisabled": "#d2d0ce",
                                    "primaryButtonTextHovered": "#ffffff",
                                    "primaryButtonTextPressed": "#ffffff",
                                    "severeWarningBackground": "#FED9CC",
                                    "severeWarningIcon": "#D83B01",
                                    "smallInputBorder": "#605e5c",
                                    "successBackground": "#DFF6DD",
                                    "successIcon": "#107C10",
                                    "successText": "#107C10",
                                    "variantBorder": "#edebe9",
                                    "variantBorderHovered": "#a19f9d",
                                    "warningBackground": "#FFF4CE",
                                    "warningHighlight": "#ffb900",
                                    "warningIcon": "#797775",
                                    "warningText": "#323130",
                                  },
                                  "spacing": Object {
                                    "l1": "20px",
                                    "l2": "32px",
                                    "m": "16px",
                                    "s1": "8px",
                                    "s2": "4px",
                                  },
                                }
                              }
                            >
                              <i
                                aria-hidden={true}
                                className="ms-Dropdown-caretDown caretDown-73"
                                data-icon-name="ChevronDown"
                              >
                                
                              </i>
                            </IconBase>
                          </StyledIconBase>
                        </span>
                      </div>
                    </div>
                  </DropdownInternal>
                </DropdownBase>
              </Dropdown>
              <StyledTextFieldBase
                id="confirmCollectionId"
                key=".0:$.1"
                label="Value"
                onChange={[Function]}
                tabIndex={0}
              >
                <TextFieldBase
                  deferredValidationTime={200}
                  id="confirmCollectionId"
                  label="Value"
                  onChange={[Function]}
                  resizable={true}
                  styles={[Function]}
                  tabIndex={0}
                  theme={
                    Object {
                      "disableGlobalClassNames": false,
                      "effects": Object {
                        "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
                        "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                        "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
                        "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                        "roundedCorner2": "2px",
                        "roundedCorner4": "4px",
                        "roundedCorner6": "6px",
                      },
                      "fonts": Object {
                        "large": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "18px",
                          "fontWeight": 400,
                        },
                        "medium": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "14px",
                          "fontWeight": 400,
                        },
                        "mediumPlus": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "16px",
                          "fontWeight": 400,
                        },
                        "mega": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "68px",
                          "fontWeight": 600,
                        },
                        "small": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "12px",
                          "fontWeight": 400,
                        },
                        "smallPlus": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "12px",
                          "fontWeight": 400,
                        },
                        "superLarge": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "42px",
                          "fontWeight": 600,
                        },
                        "tiny": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "10px",
                          "fontWeight": 400,
                        },
                        "xLarge": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "20px",
                          "fontWeight": 600,
                        },
                        "xLargePlus": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "24px",
                          "fontWeight": 600,
                        },
                        "xSmall": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "10px",
                          "fontWeight": 400,
                        },
                        "xxLarge": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "28px",
                          "fontWeight": 600,
                        },
                        "xxLargePlus": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "32px",
                          "fontWeight": 600,
                        },
                      },
                      "isInverted": false,
                      "palette": Object {
                        "accent": "#0078d4",
                        "black": "#000000",
                        "blackTranslucent40": "rgba(0,0,0,.4)",
                        "blue": "#0078d4",
                        "blueDark": "#002050",
                        "blueLight": "#00bcf2",
                        "blueMid": "#00188f",
                        "green": "#107c10",
                        "greenDark": "#004b1c",
                        "greenLight": "#bad80a",
                        "magenta": "#b4009e",
                        "magentaDark": "#5c005c",
                        "magentaLight": "#e3008c",
                        "neutralDark": "#201f1e",
                        "neutralLight": "#edebe9",
                        "neutralLighter": "#f3f2f1",
                        "neutralLighterAlt": "#faf9f8",
                        "neutralPrimary": "#323130",
                        "neutralPrimaryAlt": "#3b3a39",
                        "neutralQuaternary": "#d2d0ce",
                        "neutralQuaternaryAlt": "#e1dfdd",
                        "neutralSecondary": "#605e5c",
                        "neutralSecondaryAlt": "#8a8886",
                        "neutralTertiary": "#a19f9d",
                        "neutralTertiaryAlt": "#c8c6c4",
                        "orange": "#d83b01",
                        "orangeLight": "#ea4300",
                        "orangeLighter": "#ff8c00",
                        "purple": "#5c2d91",
                        "purpleDark": "#32145a",
                        "purpleLight": "#b4a0ff",
                        "red": "#e81123",
                        "redDark": "#a4262c",
                        "teal": "#008272",
                        "tealDark": "#004b50",
                        "tealLight": "#00b294",
                        "themeDark": "#005a9e",
                        "themeDarkAlt": "#106ebe",
                        "themeDarker": "#004578",
                        "themeLight": "#c7e0f4",
                        "themeLighter": "#deecf9",
                        "themeLighterAlt": "#eff6fc",
                        "themePrimary": "#0078d4",
                        "themeSecondary": "#2b88d8",
                        "themeTertiary": "#71afe5",
                        "white": "#ffffff",
                        "whiteTranslucent40": "rgba(255,255,255,.4)",
                        "yellow": "#ffb900",
                        "yellowDark": "#d29200",
                        "yellowLight": "#fff100",
                      },
                      "rtl": undefined,
                      "semanticColors": Object {
                        "accentButtonBackground": "#0078d4",
                        "accentButtonText": "#ffffff",
                        "actionLink": "#323130",
                        "actionLinkHovered": "#201f1e",
                        "blockingBackground": "#FDE7E9",
                        "blockingIcon": "#FDE7E9",
                        "bodyBackground": "#ffffff",
                        "bodyBackgroundChecked": "#edebe9",
                        "bodyBackgroundHovered": "#f3f2f1",
                        "bodyDivider": "#edebe9",
                        "bodyFrameBackground": "#ffffff",
                        "bodyFrameDivider": "#edebe9",
                        "bodyStandoutBackground": "#faf9f8",
                        "bodySubtext": "#605e5c",
                        "bodyText": "#323130",
                        "bodyTextChecked": "#000000",
                        "buttonBackground": "#ffffff",
                        "buttonBackgroundChecked": "#c8c6c4",
                        "buttonBackgroundCheckedHovered": "#edebe9",
                        "buttonBackgroundDisabled": "#f3f2f1",
                        "buttonBackgroundHovered": "#f3f2f1",
                        "buttonBackgroundPressed": "#edebe9",
                        "buttonBorder": "#8a8886",
                        "buttonBorderDisabled": "#f3f2f1",
                        "buttonText": "#323130",
                        "buttonTextChecked": "#201f1e",
                        "buttonTextCheckedHovered": "#000000",
                        "buttonTextDisabled": "#a19f9d",
                        "buttonTextHovered": "#201f1e",
                        "buttonTextPressed": "#201f1e",
                        "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                        "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                        "cardStandoutBackground": "#ffffff",
                        "defaultStateBackground": "#faf9f8",
                        "disabledBackground": "#f3f2f1",
                        "disabledBodySubtext": "#c8c6c4",
                        "disabledBodyText": "#a19f9d",
                        "disabledBorder": "#c8c6c4",
                        "disabledSubtext": "#d2d0ce",
                        "disabledText": "#a19f9d",
                        "errorBackground": "#FDE7E9",
                        "errorIcon": "#A80000",
                        "errorText": "#a4262c",
                        "focusBorder": "#605e5c",
                        "infoBackground": "#f3f2f1",
                        "infoIcon": "#605e5c",
                        "inputBackground": "#ffffff",
                        "inputBackgroundChecked": "#0078d4",
                        "inputBackgroundCheckedHovered": "#005a9e",
                        "inputBorder": "#605e5c",
                        "inputBorderHovered": "#323130",
                        "inputFocusBorderAlt": "#0078d4",
                        "inputForegroundChecked": "#ffffff",
                        "inputIcon": "#0078d4",
                        "inputIconDisabled": "#a19f9d",
                        "inputIconHovered": "#005a9e",
                        "inputPlaceholderBackgroundChecked": "#deecf9",
                        "inputPlaceholderText": "#605e5c",
                        "inputText": "#323130",
                        "inputTextHovered": "#201f1e",
                        "link": "#0078d4",
                        "linkHovered": "#004578",
                        "listBackground": "#ffffff",
                        "listHeaderBackgroundHovered": "#f3f2f1",
                        "listHeaderBackgroundPressed": "#edebe9",
                        "listItemBackgroundChecked": "#edebe9",
                        "listItemBackgroundCheckedHovered": "#e1dfdd",
                        "listItemBackgroundHovered": "#f3f2f1",
                        "listText": "#323130",
                        "listTextColor": "#323130",
                        "menuBackground": "#ffffff",
                        "menuDivider": "#c8c6c4",
                        "menuHeader": "#0078d4",
                        "menuIcon": "#0078d4",
                        "menuItemBackgroundChecked": "#edebe9",
                        "menuItemBackgroundHovered": "#f3f2f1",
                        "menuItemBackgroundPressed": "#edebe9",
                        "menuItemText": "#323130",
                        "menuItemTextHovered": "#201f1e",
                        "messageLink": "#005A9E",
                        "messageLinkHovered": "#004578",
                        "messageText": "#323130",
                        "primaryButtonBackground": "#0078d4",
                        "primaryButtonBackgroundDisabled": "#f3f2f1",
                        "primaryButtonBackgroundHovered": "#106ebe",
                        "primaryButtonBackgroundPressed": "#005a9e",
                        "primaryButtonBorder": "transparent",
                        "primaryButtonText": "#ffffff",
                        "primaryButtonTextDisabled": "#d2d0ce",
                        "primaryButtonTextHovered": "#ffffff",
                        "primaryButtonTextPressed": "#ffffff",
                        "severeWarningBackground": "#FED9CC",
                        "severeWarningIcon": "#D83B01",
                        "smallInputBorder": "#605e5c",
                        "successBackground": "#DFF6DD",
                        "successIcon": "#107C10",
                        "successText": "#107C10",
                        "variantBorder": "#edebe9",
                        "variantBorderHovered": "#a19f9d",
                        "warningBackground": "#FFF4CE",
                        "warningHighlight": "#ffb900",
                        "warningIcon": "#797775",
                        "warningText": "#323130",
                      },
                      "spacing": Object {
                        "l1": "20px",
                        "l2": "32px",
                        "m": "16px",
                        "s1": "8px",
                        "s2": "4px",
                      },
                    }
                  }
                  validateOnLoad={true}
                >
                  <div
                    className="ms-TextField root-75"
                  >
                    <div
                      className="ms-TextField-wrapper"
                    >
                      <StyledLabelBase
                        htmlFor="confirmCollectionId"
                        id="TextFieldLabel3"
                        styles={[Function]}
                      >
                        <LabelBase
                          htmlFor="confirmCollectionId"
                          id="TextFieldLabel3"
                          styles={[Function]}
                          theme={
                            Object {
                              "disableGlobalClassNames": false,
                              "effects": Object {
                                "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
                                "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                                "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
                                "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                                "roundedCorner2": "2px",
                                "roundedCorner4": "4px",
                                "roundedCorner6": "6px",
                              },
                              "fonts": Object {
                                "large": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "18px",
                                  "fontWeight": 400,
                                },
                                "medium": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "14px",
                                  "fontWeight": 400,
                                },
                                "mediumPlus": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "16px",
                                  "fontWeight": 400,
                                },
                                "mega": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "68px",
                                  "fontWeight": 600,
                                },
                                "small": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "12px",
                                  "fontWeight": 400,
                                },
                                "smallPlus": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "12px",
                                  "fontWeight": 400,
                                },
                                "superLarge": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "42px",
                                  "fontWeight": 600,
                                },
                                "tiny": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "10px",
                                  "fontWeight": 400,
                                },
                                "xLarge": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "20px",
                                  "fontWeight": 600,
                                },
                                "xLargePlus": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "24px",
                                  "fontWeight": 600,
                                },
                                "xSmall": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "10px",
                                  "fontWeight": 400,
                                },
                                "xxLarge": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "28px",
                                  "fontWeight": 600,
                                },
                                "xxLargePlus": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "32px",
                                  "fontWeight": 600,
                                },
                              },
                              "isInverted": false,
                              "palette": Object {
                                "accent": "#0078d4",
                                "black": "#000000",
                                "blackTranslucent40": "rgba(0,0,0,.4)",
                                "blue": "#0078d4",
                                "blueDark": "#002050",
                                "blueLight": "#00bcf2",
                                "blueMid": "#00188f",
                                "green": "#107c10",
                                "greenDark": "#004b1c",
                                "greenLight": "#bad80a",
                                "magenta": "#b4009e",
                                "magentaDark": "#5c005c",
                                "magentaLight": "#e3008c",
                                "neutralDark": "#201f1e",
                                "neutralLight": "#edebe9",
                                "neutralLighter": "#f3f2f1",
                                "neutralLighterAlt": "#faf9f8",
                                "neutralPrimary": "#323130",
                                "neutralPrimaryAlt": "#3b3a39",
                                "neutralQuaternary": "#d2d0ce",
                                "neutralQuaternaryAlt": "#e1dfdd",
                                "neutralSecondary": "#605e5c",
                                "neutralSecondaryAlt": "#8a8886",
                                "neutralTertiary": "#a19f9d",
                                "neutralTertiaryAlt": "#c8c6c4",
                                "orange": "#d83b01",
                                "orangeLight": "#ea4300",
                                "orangeLighter": "#ff8c00",
                                "purple": "#5c2d91",
                                "purpleDark": "#32145a",
                                "purpleLight": "#b4a0ff",
                                "red": "#e81123",
                                "redDark": "#a4262c",
                                "teal": "#008272",
                                "tealDark": "#004b50",
                                "tealLight": "#00b294",
                                "themeDark": "#005a9e",
                                "themeDarkAlt": "#106ebe",
                                "themeDarker": "#004578",
                                "themeLight": "#c7e0f4",
                                "themeLighter": "#deecf9",
                                "themeLighterAlt": "#eff6fc",
                                "themePrimary": "#0078d4",
                                "themeSecondary": "#2b88d8",
                                "themeTertiary": "#71afe5",
                                "white": "#ffffff",
                                "whiteTranslucent40": "rgba(255,255,255,.4)",
                                "yellow": "#ffb900",
                                "yellowDark": "#d29200",
                                "yellowLight": "#fff100",
                              },
                              "rtl": undefined,
                              "semanticColors": Object {
                                "accentButtonBackground": "#0078d4",
                                "accentButtonText": "#ffffff",
                                "actionLink": "#323130",
                                "actionLinkHovered": "#201f1e",
                                "blockingBackground": "#FDE7E9",
                                "blockingIcon": "#FDE7E9",
                                "bodyBackground": "#ffffff",
                                "bodyBackgroundChecked": "#edebe9",
                                "bodyBackgroundHovered": "#f3f2f1",
                                "bodyDivider": "#edebe9",
                                "bodyFrameBackground": "#ffffff",
                                "bodyFrameDivider": "#edebe9",
                                "bodyStandoutBackground": "#faf9f8",
                                "bodySubtext": "#605e5c",
                                "bodyText": "#323130",
                                "bodyTextChecked": "#000000",
                                "buttonBackground": "#ffffff",
                                "buttonBackgroundChecked": "#c8c6c4",
                                "buttonBackgroundCheckedHovered": "#edebe9",
                                "buttonBackgroundDisabled": "#f3f2f1",
                                "buttonBackgroundHovered": "#f3f2f1",
                                "buttonBackgroundPressed": "#edebe9",
                                "buttonBorder": "#8a8886",
                                "buttonBorderDisabled": "#f3f2f1",
                                "buttonText": "#323130",
                                "buttonTextChecked": "#201f1e",
                                "buttonTextCheckedHovered": "#000000",
                                "buttonTextDisabled": "#a19f9d",
                                "buttonTextHovered": "#201f1e",
                                "buttonTextPressed": "#201f1e",
                                "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                                "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                                "cardStandoutBackground": "#ffffff",
                                "defaultStateBackground": "#faf9f8",
                                "disabledBackground": "#f3f2f1",
                                "disabledBodySubtext": "#c8c6c4",
                                "disabledBodyText": "#a19f9d",
                                "disabledBorder": "#c8c6c4",
                                "disabledSubtext": "#d2d0ce",
                                "disabledText": "#a19f9d",
                                "errorBackground": "#FDE7E9",
                                "errorIcon": "#A80000",
                                "errorText": "#a4262c",
                                "focusBorder": "#605e5c",
                                "infoBackground": "#f3f2f1",
                                "infoIcon": "#605e5c",
                                "inputBackground": "#ffffff",
                                "inputBackgroundChecked": "#0078d4",
                                "inputBackgroundCheckedHovered": "#005a9e",
                                "inputBorder": "#605e5c",
                                "inputBorderHovered": "#323130",
                                "inputFocusBorderAlt": "#0078d4",
                                "inputForegroundChecked": "#ffffff",
                                "inputIcon": "#0078d4",
                                "inputIconDisabled": "#a19f9d",
                                "inputIconHovered": "#005a9e",
                                "inputPlaceholderBackgroundChecked": "#deecf9",
                                "inputPlaceholderText": "#605e5c",
                                "inputText": "#323130",
                                "inputTextHovered": "#201f1e",
                                "link": "#0078d4",
                                "linkHovered": "#004578",
                                "listBackground": "#ffffff",
                                "listHeaderBackgroundHovered": "#f3f2f1",
                                "listHeaderBackgroundPressed": "#edebe9",
                                "listItemBackgroundChecked": "#edebe9",
                                "listItemBackgroundCheckedHovered": "#e1dfdd",
                                "listItemBackgroundHovered": "#f3f2f1",
                                "listText": "#323130",
                                "listTextColor": "#323130",
                                "menuBackground": "#ffffff",
                                "menuDivider": "#c8c6c4",
                                "menuHeader": "#0078d4",
                                "menuIcon": "#0078d4",
                                "menuItemBackgroundChecked": "#edebe9",
                                "menuItemBackgroundHovered": "#f3f2f1",
                                "menuItemBackgroundPressed": "#edebe9",
                                "menuItemText": "#323130",
                                "menuItemTextHovered": "#201f1e",
                                "messageLink": "#005A9E",
                                "messageLinkHovered": "#004578",
                                "messageText": "#323130",
                                "primaryButtonBackground": "#0078d4",
                                "primaryButtonBackgroundDisabled": "#f3f2f1",
                                "primaryButtonBackgroundHovered": "#106ebe",
                                "primaryButtonBackgroundPressed": "#005a9e",
                                "primaryButtonBorder": "transparent",
                                "primaryButtonText": "#ffffff",
                                "primaryButtonTextDisabled": "#d2d0ce",
                                "primaryButtonTextHovered": "#ffffff",
                                "primaryButtonTextPressed": "#ffffff",
                                "severeWarningBackground": "#FED9CC",
                                "severeWarningIcon": "#D83B01",
                                "smallInputBorder": "#605e5c",
                                "successBackground": "#DFF6DD",
                                "successIcon": "#107C10",
                                "successText": "#107C10",
                                "variantBorder": "#edebe9",
                                "variantBorderHovered": "#a19f9d",
                                "warningBackground": "#FFF4CE",
                                "warningHighlight": "#ffb900",
                                "warningIcon": "#797775",
                                "warningText": "#323130",
                              },
                              "spacing": Object {
                                "l1": "20px",
                                "l2": "32px",
                                "m": "16px",
                                "s1": "8px",
                                "s2": "4px",
                              },
                            }
                          }
                        >
                          <label
                            className="ms-Label root-53"
                            htmlFor="confirmCollectionId"
                            id="TextFieldLabel3"
                          >
                            Value
                          </label>
                        </LabelBase>
                      </StyledLabelBase>
                      <div
                        className="ms-TextField-fieldGroup fieldGroup-76"
                      >
                        <input
                          aria-invalid={false}
                          aria-labelledby="TextFieldLabel3"
                          className="ms-TextField-field field-77"
                          id="confirmCollectionId"
                          onBlur={[Function]}
                          onChange={[Function]}
                          onFocus={[Function]}
                          onInput={[Function]}
                          tabIndex={0}
                          type="text"
                          value=""
                        />
                      </div>
                    </div>
                  </div>
                </TextFieldBase>
              </StyledTextFieldBase>
            </div>
          </Stack>
        </InputParameter>
        <InputParameter
          dropdownLabel="Key"
          inputLabel="Param"
          inputParameterTitle="Enter input parameters (if any)"
          isAddRemoveVisible={true}
          key="0"
          onAddNewParamKeyPress={[Function]}
          onDeleteParamKeyPress={[Function]}
          onParamKeyChange={[Function]}
          onParamValueChange={[Function]}
          paramValue=""
          selectedKey="string"
        >
          <StyledLabelBase>
            <LabelBase
              styles={[Function]}
              theme={
                Object {
                  "disableGlobalClassNames": false,
                  "effects": Object {
                    "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
                    "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                    "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
                    "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                    "roundedCorner2": "2px",
                    "roundedCorner4": "4px",
                    "roundedCorner6": "6px",
                  },
                  "fonts": Object {
                    "large": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "18px",
                      "fontWeight": 400,
                    },
                    "medium": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "14px",
                      "fontWeight": 400,
                    },
                    "mediumPlus": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "16px",
                      "fontWeight": 400,
                    },
                    "mega": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "68px",
                      "fontWeight": 600,
                    },
                    "small": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "12px",
                      "fontWeight": 400,
                    },
                    "smallPlus": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "12px",
                      "fontWeight": 400,
                    },
                    "superLarge": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "42px",
                      "fontWeight": 600,
                    },
                    "tiny": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "10px",
                      "fontWeight": 400,
                    },
                    "xLarge": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "20px",
                      "fontWeight": 600,
                    },
                    "xLargePlus": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "24px",
                      "fontWeight": 600,
                    },
                    "xSmall": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "10px",
                      "fontWeight": 400,
                    },
                    "xxLarge": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "28px",
                      "fontWeight": 600,
                    },
                    "xxLargePlus": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "32px",
                      "fontWeight": 600,
                    },
                  },
                  "isInverted": false,
                  "palette": Object {
                    "accent": "#0078d4",
                    "black": "#000000",
                    "blackTranslucent40": "rgba(0,0,0,.4)",
                    "blue": "#0078d4",
                    "blueDark": "#002050",
                    "blueLight": "#00bcf2",
                    "blueMid": "#00188f",
                    "green": "#107c10",
                    "greenDark": "#004b1c",
                    "greenLight": "#bad80a",
                    "magenta": "#b4009e",
                    "magentaDark": "#5c005c",
                    "magentaLight": "#e3008c",
                    "neutralDark": "#201f1e",
                    "neutralLight": "#edebe9",
                    "neutralLighter": "#f3f2f1",
                    "neutralLighterAlt": "#faf9f8",
                    "neutralPrimary": "#323130",
                    "neutralPrimaryAlt": "#3b3a39",
                    "neutralQuaternary": "#d2d0ce",
                    "neutralQuaternaryAlt": "#e1dfdd",
                    "neutralSecondary": "#605e5c",
                    "neutralSecondaryAlt": "#8a8886",
                    "neutralTertiary": "#a19f9d",
                    "neutralTertiaryAlt": "#c8c6c4",
                    "orange": "#d83b01",
                    "orangeLight": "#ea4300",
                    "orangeLighter": "#ff8c00",
                    "purple": "#5c2d91",
                    "purpleDark": "#32145a",
                    "purpleLight": "#b4a0ff",
                    "red": "#e81123",
                    "redDark": "#a4262c",
                    "teal": "#008272",
                    "tealDark": "#004b50",
                    "tealLight": "#00b294",
                    "themeDark": "#005a9e",
                    "themeDarkAlt": "#106ebe",
                    "themeDarker": "#004578",
                    "themeLight": "#c7e0f4",
                    "themeLighter": "#deecf9",
                    "themeLighterAlt": "#eff6fc",
                    "themePrimary": "#0078d4",
                    "themeSecondary": "#2b88d8",
                    "themeTertiary": "#71afe5",
                    "white": "#ffffff",
                    "whiteTranslucent40": "rgba(255,255,255,.4)",
                    "yellow": "#ffb900",
                    "yellowDark": "#d29200",
                    "yellowLight": "#fff100",
                  },
                  "rtl": undefined,
                  "semanticColors": Object {
                    "accentButtonBackground": "#0078d4",
                    "accentButtonText": "#ffffff",
                    "actionLink": "#323130",
                    "actionLinkHovered": "#201f1e",
                    "blockingBackground": "#FDE7E9",
                    "blockingIcon": "#FDE7E9",
                    "bodyBackground": "#ffffff",
                    "bodyBackgroundChecked": "#edebe9",
                    "bodyBackgroundHovered": "#f3f2f1",
                    "bodyDivider": "#edebe9",
                    "bodyFrameBackground": "#ffffff",
                    "bodyFrameDivider": "#edebe9",
                    "bodyStandoutBackground": "#faf9f8",
                    "bodySubtext": "#605e5c",
                    "bodyText": "#323130",
                    "bodyTextChecked": "#000000",
                    "buttonBackground": "#ffffff",
                    "buttonBackgroundChecked": "#c8c6c4",
                    "buttonBackgroundCheckedHovered": "#edebe9",
                    "buttonBackgroundDisabled": "#f3f2f1",
                    "buttonBackgroundHovered": "#f3f2f1",
                    "buttonBackgroundPressed": "#edebe9",
                    "buttonBorder": "#8a8886",
                    "buttonBorderDisabled": "#f3f2f1",
                    "buttonText": "#323130",
                    "buttonTextChecked": "#201f1e",
                    "buttonTextCheckedHovered": "#000000",
                    "buttonTextDisabled": "#a19f9d",
                    "buttonTextHovered": "#201f1e",
                    "buttonTextPressed": "#201f1e",
                    "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                    "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                    "cardStandoutBackground": "#ffffff",
                    "defaultStateBackground": "#faf9f8",
                    "disabledBackground": "#f3f2f1",
                    "disabledBodySubtext": "#c8c6c4",
                    "disabledBodyText": "#a19f9d",
                    "disabledBorder": "#c8c6c4",
                    "disabledSubtext": "#d2d0ce",
                    "disabledText": "#a19f9d",
                    "errorBackground": "#FDE7E9",
                    "errorIcon": "#A80000",
                    "errorText": "#a4262c",
                    "focusBorder": "#605e5c",
                    "infoBackground": "#f3f2f1",
                    "infoIcon": "#605e5c",
                    "inputBackground": "#ffffff",
                    "inputBackgroundChecked": "#0078d4",
                    "inputBackgroundCheckedHovered": "#005a9e",
                    "inputBorder": "#605e5c",
                    "inputBorderHovered": "#323130",
                    "inputFocusBorderAlt": "#0078d4",
                    "inputForegroundChecked": "#ffffff",
                    "inputIcon": "#0078d4",
                    "inputIconDisabled": "#a19f9d",
                    "inputIconHovered": "#005a9e",
                    "inputPlaceholderBackgroundChecked": "#deecf9",
                    "inputPlaceholderText": "#605e5c",
                    "inputText": "#323130",
                    "inputTextHovered": "#201f1e",
                    "link": "#0078d4",
                    "linkHovered": "#004578",
                    "listBackground": "#ffffff",
                    "listHeaderBackgroundHovered": "#f3f2f1",
                    "listHeaderBackgroundPressed": "#edebe9",
                    "listItemBackgroundChecked": "#edebe9",
                    "listItemBackgroundCheckedHovered": "#e1dfdd",
                    "listItemBackgroundHovered": "#f3f2f1",
                    "listText": "#323130",
                    "listTextColor": "#323130",
                    "menuBackground": "#ffffff",
                    "menuDivider": "#c8c6c4",
                    "menuHeader": "#0078d4",
                    "menuIcon": "#0078d4",
                    "menuItemBackgroundChecked": "#edebe9",
                    "menuItemBackgroundHovered": "#f3f2f1",
                    "menuItemBackgroundPressed": "#edebe9",
                    "menuItemText": "#323130",
                    "menuItemTextHovered": "#201f1e",
                    "messageLink": "#005A9E",
                    "messageLinkHovered": "#004578",
                    "messageText": "#323130",
                    "primaryButtonBackground": "#0078d4",
                    "primaryButtonBackgroundDisabled": "#f3f2f1",
                    "primaryButtonBackgroundHovered": "#106ebe",
                    "primaryButtonBackgroundPressed": "#005a9e",
                    "primaryButtonBorder": "transparent",
                    "primaryButtonText": "#ffffff",
                    "primaryButtonTextDisabled": "#d2d0ce",
                    "primaryButtonTextHovered": "#ffffff",
                    "primaryButtonTextPressed": "#ffffff",
                    "severeWarningBackground": "#FED9CC",
                    "severeWarningIcon": "#D83B01",
                    "smallInputBorder": "#605e5c",
                    "successBackground": "#DFF6DD",
                    "successIcon": "#107C10",
                    "successText": "#107C10",
                    "variantBorder": "#edebe9",
                    "variantBorderHovered": "#a19f9d",
                    "warningBackground": "#FFF4CE",
                    "warningHighlight": "#ffb900",
                    "warningIcon": "#797775",
                    "warningText": "#323130",
                  },
                  "spacing": Object {
                    "l1": "20px",
                    "l2": "32px",
                    "m": "16px",
                    "s1": "8px",
                    "s2": "4px",
                  },
                }
              }
            >
              <label
                className="ms-Label root-53"
              >
                Enter input parameters (if any)
              </label>
            </LabelBase>
          </StyledLabelBase>
          <Stack
            horizontal={true}
          >
            <div
              className="ms-Stack css-54"
            >
              <Dropdown
                defaultSelectedKey="string"
                key=".0:$.0"
                label="Key"
                onChange={[Function]}
                options={
                  Array [
                    Object {
                      "key": "string",
                      "text": "String",
                    },
                    Object {
                      "key": "custom",
                      "text": "Custom",
                    },
                  ]
                }
                styles={
                  Object {
                    "dropdown": Object {
                      "width": 100,
                    },
                  }
                }
                tabIndex={0}
              >
                <DropdownBase
                  defaultSelectedKey="string"
                  label="Key"
                  onChange={[Function]}
                  options={
                    Array [
                      Object {
                        "key": "string",
                        "text": "String",
                      },
                      Object {
                        "key": "custom",
                        "text": "Custom",
                      },
                    ]
                  }
                  styles={[Function]}
                  tabIndex={0}
                  theme={
                    Object {
                      "disableGlobalClassNames": false,
                      "effects": Object {
                        "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
                        "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                        "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
                        "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                        "roundedCorner2": "2px",
                        "roundedCorner4": "4px",
                        "roundedCorner6": "6px",
                      },
                      "fonts": Object {
                        "large": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "18px",
                          "fontWeight": 400,
                        },
                        "medium": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "14px",
                          "fontWeight": 400,
                        },
                        "mediumPlus": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "16px",
                          "fontWeight": 400,
                        },
                        "mega": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "68px",
                          "fontWeight": 600,
                        },
                        "small": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "12px",
                          "fontWeight": 400,
                        },
                        "smallPlus": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "12px",
                          "fontWeight": 400,
                        },
                        "superLarge": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "42px",
                          "fontWeight": 600,
                        },
                        "tiny": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "10px",
                          "fontWeight": 400,
                        },
                        "xLarge": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "20px",
                          "fontWeight": 600,
                        },
                        "xLargePlus": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "24px",
                          "fontWeight": 600,
                        },
                        "xSmall": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "10px",
                          "fontWeight": 400,
                        },
                        "xxLarge": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "28px",
                          "fontWeight": 600,
                        },
                        "xxLargePlus": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "32px",
                          "fontWeight": 600,
                        },
                      },
                      "isInverted": false,
                      "palette": Object {
                        "accent": "#0078d4",
                        "black": "#000000",
                        "blackTranslucent40": "rgba(0,0,0,.4)",
                        "blue": "#0078d4",
                        "blueDark": "#002050",
                        "blueLight": "#00bcf2",
                        "blueMid": "#00188f",
                        "green": "#107c10",
                        "greenDark": "#004b1c",
                        "greenLight": "#bad80a",
                        "magenta": "#b4009e",
                        "magentaDark": "#5c005c",
                        "magentaLight": "#e3008c",
                        "neutralDark": "#201f1e",
                        "neutralLight": "#edebe9",
                        "neutralLighter": "#f3f2f1",
                        "neutralLighterAlt": "#faf9f8",
                        "neutralPrimary": "#323130",
                        "neutralPrimaryAlt": "#3b3a39",
                        "neutralQuaternary": "#d2d0ce",
                        "neutralQuaternaryAlt": "#e1dfdd",
                        "neutralSecondary": "#605e5c",
                        "neutralSecondaryAlt": "#8a8886",
                        "neutralTertiary": "#a19f9d",
                        "neutralTertiaryAlt": "#c8c6c4",
                        "orange": "#d83b01",
                        "orangeLight": "#ea4300",
                        "orangeLighter": "#ff8c00",
                        "purple": "#5c2d91",
                        "purpleDark": "#32145a",
                        "purpleLight": "#b4a0ff",
                        "red": "#e81123",
                        "redDark": "#a4262c",
                        "teal": "#008272",
                        "tealDark": "#004b50",
                        "tealLight": "#00b294",
                        "themeDark": "#005a9e",
                        "themeDarkAlt": "#106ebe",
                        "themeDarker": "#004578",
                        "themeLight": "#c7e0f4",
                        "themeLighter": "#deecf9",
                        "themeLighterAlt": "#eff6fc",
                        "themePrimary": "#0078d4",
                        "themeSecondary": "#2b88d8",
                        "themeTertiary": "#71afe5",
                        "white": "#ffffff",
                        "whiteTranslucent40": "rgba(255,255,255,.4)",
                        "yellow": "#ffb900",
                        "yellowDark": "#d29200",
                        "yellowLight": "#fff100",
                      },
                      "rtl": undefined,
                      "semanticColors": Object {
                        "accentButtonBackground": "#0078d4",
                        "accentButtonText": "#ffffff",
                        "actionLink": "#323130",
                        "actionLinkHovered": "#201f1e",
                        "blockingBackground": "#FDE7E9",
                        "blockingIcon": "#FDE7E9",
                        "bodyBackground": "#ffffff",
                        "bodyBackgroundChecked": "#edebe9",
                        "bodyBackgroundHovered": "#f3f2f1",
                        "bodyDivider": "#edebe9",
                        "bodyFrameBackground": "#ffffff",
                        "bodyFrameDivider": "#edebe9",
                        "bodyStandoutBackground": "#faf9f8",
                        "bodySubtext": "#605e5c",
                        "bodyText": "#323130",
                        "bodyTextChecked": "#000000",
                        "buttonBackground": "#ffffff",
                        "buttonBackgroundChecked": "#c8c6c4",
                        "buttonBackgroundCheckedHovered": "#edebe9",
                        "buttonBackgroundDisabled": "#f3f2f1",
                        "buttonBackgroundHovered": "#f3f2f1",
                        "buttonBackgroundPressed": "#edebe9",
                        "buttonBorder": "#8a8886",
                        "buttonBorderDisabled": "#f3f2f1",
                        "buttonText": "#323130",
                        "buttonTextChecked": "#201f1e",
                        "buttonTextCheckedHovered": "#000000",
                        "buttonTextDisabled": "#a19f9d",
                        "buttonTextHovered": "#201f1e",
                        "buttonTextPressed": "#201f1e",
                        "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                        "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                        "cardStandoutBackground": "#ffffff",
                        "defaultStateBackground": "#faf9f8",
                        "disabledBackground": "#f3f2f1",
                        "disabledBodySubtext": "#c8c6c4",
                        "disabledBodyText": "#a19f9d",
                        "disabledBorder": "#c8c6c4",
                        "disabledSubtext": "#d2d0ce",
                        "disabledText": "#a19f9d",
                        "errorBackground": "#FDE7E9",
                        "errorIcon": "#A80000",
                        "errorText": "#a4262c",
                        "focusBorder": "#605e5c",
                        "infoBackground": "#f3f2f1",
                        "infoIcon": "#605e5c",
                        "inputBackground": "#ffffff",
                        "inputBackgroundChecked": "#0078d4",
                        "inputBackgroundCheckedHovered": "#005a9e",
                        "inputBorder": "#605e5c",
                        "inputBorderHovered": "#323130",
                        "inputFocusBorderAlt": "#0078d4",
                        "inputForegroundChecked": "#ffffff",
                        "inputIcon": "#0078d4",
                        "inputIconDisabled": "#a19f9d",
                        "inputIconHovered": "#005a9e",
                        "inputPlaceholderBackgroundChecked": "#deecf9",
                        "inputPlaceholderText": "#605e5c",
                        "inputText": "#323130",
                        "inputTextHovered": "#201f1e",
                        "link": "#0078d4",
                        "linkHovered": "#004578",
                        "listBackground": "#ffffff",
                        "listHeaderBackgroundHovered": "#f3f2f1",
                        "listHeaderBackgroundPressed": "#edebe9",
                        "listItemBackgroundChecked": "#edebe9",
                        "listItemBackgroundCheckedHovered": "#e1dfdd",
                        "listItemBackgroundHovered": "#f3f2f1",
                        "listText": "#323130",
                        "listTextColor": "#323130",
                        "menuBackground": "#ffffff",
                        "menuDivider": "#c8c6c4",
                        "menuHeader": "#0078d4",
                        "menuIcon": "#0078d4",
                        "menuItemBackgroundChecked": "#edebe9",
                        "menuItemBackgroundHovered": "#f3f2f1",
                        "menuItemBackgroundPressed": "#edebe9",
                        "menuItemText": "#323130",
                        "menuItemTextHovered": "#201f1e",
                        "messageLink": "#005A9E",
                        "messageLinkHovered": "#004578",
                        "messageText": "#323130",
                        "primaryButtonBackground": "#0078d4",
                        "primaryButtonBackgroundDisabled": "#f3f2f1",
                        "primaryButtonBackgroundHovered": "#106ebe",
                        "primaryButtonBackgroundPressed": "#005a9e",
                        "primaryButtonBorder": "transparent",
                        "primaryButtonText": "#ffffff",
                        "primaryButtonTextDisabled": "#d2d0ce",
                        "primaryButtonTextHovered": "#ffffff",
                        "primaryButtonTextPressed": "#ffffff",
                        "severeWarningBackground": "#FED9CC",
                        "severeWarningIcon": "#D83B01",
                        "smallInputBorder": "#605e5c",
                        "successBackground": "#DFF6DD",
                        "successIcon": "#107C10",
                        "successText": "#107C10",
                        "variantBorder": "#edebe9",
                        "variantBorderHovered": "#a19f9d",
                        "warningBackground": "#FFF4CE",
                        "warningHighlight": "#ffb900",
                        "warningIcon": "#797775",
                        "warningText": "#323130",
                      },
                      "spacing": Object {
                        "l1": "20px",
                        "l2": "32px",
                        "m": "16px",
                        "s1": "8px",
                        "s2": "4px",
                      },
                    }
                  }
                >
                  <DropdownInternal
                    defaultSelectedKey="string"
                    hoisted={
                      Object {
                        "rootRef": [Function],
                        "selectedIndices": Array [
                          0,
                        ],
                        "setSelectedIndices": [Function],
                      }
                    }
                    label="Key"
                    onChange={[Function]}
                    options={
                      Array [
                        Object {
                          "key": "string",
                          "text": "String",
                        },
                        Object {
                          "key": "custom",
                          "text": "Custom",
                        },
                      ]
                    }
                    responsiveMode={3}
                    styles={[Function]}
                    tabIndex={0}
                    theme={
                      Object {
                        "disableGlobalClassNames": false,
                        "effects": Object {
                          "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
                          "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                          "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
                          "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                          "roundedCorner2": "2px",
                          "roundedCorner4": "4px",
                          "roundedCorner6": "6px",
                        },
                        "fonts": Object {
                          "large": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "18px",
                            "fontWeight": 400,
                          },
                          "medium": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "14px",
                            "fontWeight": 400,
                          },
                          "mediumPlus": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "16px",
                            "fontWeight": 400,
                          },
                          "mega": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "68px",
                            "fontWeight": 600,
                          },
                          "small": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "12px",
                            "fontWeight": 400,
                          },
                          "smallPlus": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "12px",
                            "fontWeight": 400,
                          },
                          "superLarge": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "42px",
                            "fontWeight": 600,
                          },
                          "tiny": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "10px",
                            "fontWeight": 400,
                          },
                          "xLarge": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "20px",
                            "fontWeight": 600,
                          },
                          "xLargePlus": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "24px",
                            "fontWeight": 600,
                          },
                          "xSmall": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "10px",
                            "fontWeight": 400,
                          },
                          "xxLarge": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "28px",
                            "fontWeight": 600,
                          },
                          "xxLargePlus": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "32px",
                            "fontWeight": 600,
                          },
                        },
                        "isInverted": false,
                        "palette": Object {
                          "accent": "#0078d4",
                          "black": "#000000",
                          "blackTranslucent40": "rgba(0,0,0,.4)",
                          "blue": "#0078d4",
                          "blueDark": "#002050",
                          "blueLight": "#00bcf2",
                          "blueMid": "#00188f",
                          "green": "#107c10",
                          "greenDark": "#004b1c",
                          "greenLight": "#bad80a",
                          "magenta": "#b4009e",
                          "magentaDark": "#5c005c",
                          "magentaLight": "#e3008c",
                          "neutralDark": "#201f1e",
                          "neutralLight": "#edebe9",
                          "neutralLighter": "#f3f2f1",
                          "neutralLighterAlt": "#faf9f8",
                          "neutralPrimary": "#323130",
                          "neutralPrimaryAlt": "#3b3a39",
                          "neutralQuaternary": "#d2d0ce",
                          "neutralQuaternaryAlt": "#e1dfdd",
                          "neutralSecondary": "#605e5c",
                          "neutralSecondaryAlt": "#8a8886",
                          "neutralTertiary": "#a19f9d",
                          "neutralTertiaryAlt": "#c8c6c4",
                          "orange": "#d83b01",
                          "orangeLight": "#ea4300",
                          "orangeLighter": "#ff8c00",
                          "purple": "#5c2d91",
                          "purpleDark": "#32145a",
                          "purpleLight": "#b4a0ff",
                          "red": "#e81123",
                          "redDark": "#a4262c",
                          "teal": "#008272",
                          "tealDark": "#004b50",
                          "tealLight": "#00b294",
                          "themeDark": "#005a9e",
                          "themeDarkAlt": "#106ebe",
                          "themeDarker": "#004578",
                          "themeLight": "#c7e0f4",
                          "themeLighter": "#deecf9",
                          "themeLighterAlt": "#eff6fc",
                          "themePrimary": "#0078d4",
                          "themeSecondary": "#2b88d8",
                          "themeTertiary": "#71afe5",
                          "white": "#ffffff",
                          "whiteTranslucent40": "rgba(255,255,255,.4)",
                          "yellow": "#ffb900",
                          "yellowDark": "#d29200",
                          "yellowLight": "#fff100",
                        },
                        "rtl": undefined,
                        "semanticColors": Object {
                          "accentButtonBackground": "#0078d4",
                          "accentButtonText": "#ffffff",
                          "actionLink": "#323130",
                          "actionLinkHovered": "#201f1e",
                          "blockingBackground": "#FDE7E9",
                          "blockingIcon": "#FDE7E9",
                          "bodyBackground": "#ffffff",
                          "bodyBackgroundChecked": "#edebe9",
                          "bodyBackgroundHovered": "#f3f2f1",
                          "bodyDivider": "#edebe9",
                          "bodyFrameBackground": "#ffffff",
                          "bodyFrameDivider": "#edebe9",
                          "bodyStandoutBackground": "#faf9f8",
                          "bodySubtext": "#605e5c",
                          "bodyText": "#323130",
                          "bodyTextChecked": "#000000",
                          "buttonBackground": "#ffffff",
                          "buttonBackgroundChecked": "#c8c6c4",
                          "buttonBackgroundCheckedHovered": "#edebe9",
                          "buttonBackgroundDisabled": "#f3f2f1",
                          "buttonBackgroundHovered": "#f3f2f1",
                          "buttonBackgroundPressed": "#edebe9",
                          "buttonBorder": "#8a8886",
                          "buttonBorderDisabled": "#f3f2f1",
                          "buttonText": "#323130",
                          "buttonTextChecked": "#201f1e",
                          "buttonTextCheckedHovered": "#000000",
                          "buttonTextDisabled": "#a19f9d",
                          "buttonTextHovered": "#201f1e",
                          "buttonTextPressed": "#201f1e",
                          "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                          "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                          "cardStandoutBackground": "#ffffff",
                          "defaultStateBackground": "#faf9f8",
                          "disabledBackground": "#f3f2f1",
                          "disabledBodySubtext": "#c8c6c4",
                          "disabledBodyText": "#a19f9d",
                          "disabledBorder": "#c8c6c4",
                          "disabledSubtext": "#d2d0ce",
                          "disabledText": "#a19f9d",
                          "errorBackground": "#FDE7E9",
                          "errorIcon": "#A80000",
                          "errorText": "#a4262c",
                          "focusBorder": "#605e5c",
                          "infoBackground": "#f3f2f1",
                          "infoIcon": "#605e5c",
                          "inputBackground": "#ffffff",
                          "inputBackgroundChecked": "#0078d4",
                          "inputBackgroundCheckedHovered": "#005a9e",
                          "inputBorder": "#605e5c",
                          "inputBorderHovered": "#323130",
                          "inputFocusBorderAlt": "#0078d4",
                          "inputForegroundChecked": "#ffffff",
                          "inputIcon": "#0078d4",
                          "inputIconDisabled": "#a19f9d",
                          "inputIconHovered": "#005a9e",
                          "inputPlaceholderBackgroundChecked": "#deecf9",
                          "inputPlaceholderText": "#605e5c",
                          "inputText": "#323130",
                          "inputTextHovered": "#201f1e",
                          "link": "#0078d4",
                          "linkHovered": "#004578",
                          "listBackground": "#ffffff",
                          "listHeaderBackgroundHovered": "#f3f2f1",
                          "listHeaderBackgroundPressed": "#edebe9",
                          "listItemBackgroundChecked": "#edebe9",
                          "listItemBackgroundCheckedHovered": "#e1dfdd",
                          "listItemBackgroundHovered": "#f3f2f1",
                          "listText": "#323130",
                          "listTextColor": "#323130",
                          "menuBackground": "#ffffff",
                          "menuDivider": "#c8c6c4",
                          "menuHeader": "#0078d4",
                          "menuIcon": "#0078d4",
                          "menuItemBackgroundChecked": "#edebe9",
                          "menuItemBackgroundHovered": "#f3f2f1",
                          "menuItemBackgroundPressed": "#edebe9",
                          "menuItemText": "#323130",
                          "menuItemTextHovered": "#201f1e",
                          "messageLink": "#005A9E",
                          "messageLinkHovered": "#004578",
                          "messageText": "#323130",
                          "primaryButtonBackground": "#0078d4",
                          "primaryButtonBackgroundDisabled": "#f3f2f1",
                          "primaryButtonBackgroundHovered": "#106ebe",
                          "primaryButtonBackgroundPressed": "#005a9e",
                          "primaryButtonBorder": "transparent",
                          "primaryButtonText": "#ffffff",
                          "primaryButtonTextDisabled": "#d2d0ce",
                          "primaryButtonTextHovered": "#ffffff",
                          "primaryButtonTextPressed": "#ffffff",
                          "severeWarningBackground": "#FED9CC",
                          "severeWarningIcon": "#D83B01",
                          "smallInputBorder": "#605e5c",
                          "successBackground": "#DFF6DD",
                          "successIcon": "#107C10",
                          "successText": "#107C10",
                          "variantBorder": "#edebe9",
                          "variantBorderHovered": "#a19f9d",
                          "warningBackground": "#FFF4CE",
                          "warningHighlight": "#ffb900",
                          "warningIcon": "#797775",
                          "warningText": "#323130",
                        },
                        "spacing": Object {
                          "l1": "20px",
                          "l2": "32px",
                          "m": "16px",
                          "s1": "8px",
                          "s2": "4px",
                        },
                      }
                    }
                  >
                    <div
                      className="ms-Dropdown-container"
                    >
                      <StyledLabelBase
                        className="ms-Dropdown-label"
                        id="Dropdown4-label"
                        styles={[Function]}
                      >
                        <LabelBase
                          className="ms-Dropdown-label"
                          id="Dropdown4-label"
                          styles={[Function]}
                          theme={
                            Object {
                              "disableGlobalClassNames": false,
                              "effects": Object {
                                "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
                                "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                                "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
                                "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                                "roundedCorner2": "2px",
                                "roundedCorner4": "4px",
                                "roundedCorner6": "6px",
                              },
                              "fonts": Object {
                                "large": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "18px",
                                  "fontWeight": 400,
                                },
                                "medium": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "14px",
                                  "fontWeight": 400,
                                },
                                "mediumPlus": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "16px",
                                  "fontWeight": 400,
                                },
                                "mega": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "68px",
                                  "fontWeight": 600,
                                },
                                "small": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "12px",
                                  "fontWeight": 400,
                                },
                                "smallPlus": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "12px",
                                  "fontWeight": 400,
                                },
                                "superLarge": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "42px",
                                  "fontWeight": 600,
                                },
                                "tiny": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "10px",
                                  "fontWeight": 400,
                                },
                                "xLarge": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "20px",
                                  "fontWeight": 600,
                                },
                                "xLargePlus": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "24px",
                                  "fontWeight": 600,
                                },
                                "xSmall": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "10px",
                                  "fontWeight": 400,
                                },
                                "xxLarge": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "28px",
                                  "fontWeight": 600,
                                },
                                "xxLargePlus": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "32px",
                                  "fontWeight": 600,
                                },
                              },
                              "isInverted": false,
                              "palette": Object {
                                "accent": "#0078d4",
                                "black": "#000000",
                                "blackTranslucent40": "rgba(0,0,0,.4)",
                                "blue": "#0078d4",
                                "blueDark": "#002050",
                                "blueLight": "#00bcf2",
                                "blueMid": "#00188f",
                                "green": "#107c10",
                                "greenDark": "#004b1c",
                                "greenLight": "#bad80a",
                                "magenta": "#b4009e",
                                "magentaDark": "#5c005c",
                                "magentaLight": "#e3008c",
                                "neutralDark": "#201f1e",
                                "neutralLight": "#edebe9",
                                "neutralLighter": "#f3f2f1",
                                "neutralLighterAlt": "#faf9f8",
                                "neutralPrimary": "#323130",
                                "neutralPrimaryAlt": "#3b3a39",
                                "neutralQuaternary": "#d2d0ce",
                                "neutralQuaternaryAlt": "#e1dfdd",
                                "neutralSecondary": "#605e5c",
                                "neutralSecondaryAlt": "#8a8886",
                                "neutralTertiary": "#a19f9d",
                                "neutralTertiaryAlt": "#c8c6c4",
                                "orange": "#d83b01",
                                "orangeLight": "#ea4300",
                                "orangeLighter": "#ff8c00",
                                "purple": "#5c2d91",
                                "purpleDark": "#32145a",
                                "purpleLight": "#b4a0ff",
                                "red": "#e81123",
                                "redDark": "#a4262c",
                                "teal": "#008272",
                                "tealDark": "#004b50",
                                "tealLight": "#00b294",
                                "themeDark": "#005a9e",
                                "themeDarkAlt": "#106ebe",
                                "themeDarker": "#004578",
                                "themeLight": "#c7e0f4",
                                "themeLighter": "#deecf9",
                                "themeLighterAlt": "#eff6fc",
                                "themePrimary": "#0078d4",
                                "themeSecondary": "#2b88d8",
                                "themeTertiary": "#71afe5",
                                "white": "#ffffff",
                                "whiteTranslucent40": "rgba(255,255,255,.4)",
                                "yellow": "#ffb900",
                                "yellowDark": "#d29200",
                                "yellowLight": "#fff100",
                              },
                              "rtl": undefined,
                              "semanticColors": Object {
                                "accentButtonBackground": "#0078d4",
                                "accentButtonText": "#ffffff",
                                "actionLink": "#323130",
                                "actionLinkHovered": "#201f1e",
                                "blockingBackground": "#FDE7E9",
                                "blockingIcon": "#FDE7E9",
                                "bodyBackground": "#ffffff",
                                "bodyBackgroundChecked": "#edebe9",
                                "bodyBackgroundHovered": "#f3f2f1",
                                "bodyDivider": "#edebe9",
                                "bodyFrameBackground": "#ffffff",
                                "bodyFrameDivider": "#edebe9",
                                "bodyStandoutBackground": "#faf9f8",
                                "bodySubtext": "#605e5c",
                                "bodyText": "#323130",
                                "bodyTextChecked": "#000000",
                                "buttonBackground": "#ffffff",
                                "buttonBackgroundChecked": "#c8c6c4",
                                "buttonBackgroundCheckedHovered": "#edebe9",
                                "buttonBackgroundDisabled": "#f3f2f1",
                                "buttonBackgroundHovered": "#f3f2f1",
                                "buttonBackgroundPressed": "#edebe9",
                                "buttonBorder": "#8a8886",
                                "buttonBorderDisabled": "#f3f2f1",
                                "buttonText": "#323130",
                                "buttonTextChecked": "#201f1e",
                                "buttonTextCheckedHovered": "#000000",
                                "buttonTextDisabled": "#a19f9d",
                                "buttonTextHovered": "#201f1e",
                                "buttonTextPressed": "#201f1e",
                                "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                                "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                                "cardStandoutBackground": "#ffffff",
                                "defaultStateBackground": "#faf9f8",
                                "disabledBackground": "#f3f2f1",
                                "disabledBodySubtext": "#c8c6c4",
                                "disabledBodyText": "#a19f9d",
                                "disabledBorder": "#c8c6c4",
                                "disabledSubtext": "#d2d0ce",
                                "disabledText": "#a19f9d",
                                "errorBackground": "#FDE7E9",
                                "errorIcon": "#A80000",
                                "errorText": "#a4262c",
                                "focusBorder": "#605e5c",
                                "infoBackground": "#f3f2f1",
                                "infoIcon": "#605e5c",
                                "inputBackground": "#ffffff",
                                "inputBackgroundChecked": "#0078d4",
                                "inputBackgroundCheckedHovered": "#005a9e",
                                "inputBorder": "#605e5c",
                                "inputBorderHovered": "#323130",
                                "inputFocusBorderAlt": "#0078d4",
                                "inputForegroundChecked": "#ffffff",
                                "inputIcon": "#0078d4",
                                "inputIconDisabled": "#a19f9d",
                                "inputIconHovered": "#005a9e",
                                "inputPlaceholderBackgroundChecked": "#deecf9",
                                "inputPlaceholderText": "#605e5c",
                                "inputText": "#323130",
                                "inputTextHovered": "#201f1e",
                                "link": "#0078d4",
                                "linkHovered": "#004578",
                                "listBackground": "#ffffff",
                                "listHeaderBackgroundHovered": "#f3f2f1",
                                "listHeaderBackgroundPressed": "#edebe9",
                                "listItemBackgroundChecked": "#edebe9",
                                "listItemBackgroundCheckedHovered": "#e1dfdd",
                                "listItemBackgroundHovered": "#f3f2f1",
                                "listText": "#323130",
                                "listTextColor": "#323130",
                                "menuBackground": "#ffffff",
                                "menuDivider": "#c8c6c4",
                                "menuHeader": "#0078d4",
                                "menuIcon": "#0078d4",
                                "menuItemBackgroundChecked": "#edebe9",
                                "menuItemBackgroundHovered": "#f3f2f1",
                                "menuItemBackgroundPressed": "#edebe9",
                                "menuItemText": "#323130",
                                "menuItemTextHovered": "#201f1e",
                                "messageLink": "#005A9E",
                                "messageLinkHovered": "#004578",
                                "messageText": "#323130",
                                "primaryButtonBackground": "#0078d4",
                                "primaryButtonBackgroundDisabled": "#f3f2f1",
                                "primaryButtonBackgroundHovered": "#106ebe",
                                "primaryButtonBackgroundPressed": "#005a9e",
                                "primaryButtonBorder": "transparent",
                                "primaryButtonText": "#ffffff",
                                "primaryButtonTextDisabled": "#d2d0ce",
                                "primaryButtonTextHovered": "#ffffff",
                                "primaryButtonTextPressed": "#ffffff",
                                "severeWarningBackground": "#FED9CC",
                                "severeWarningIcon": "#D83B01",
                                "smallInputBorder": "#605e5c",
                                "successBackground": "#DFF6DD",
                                "successIcon": "#107C10",
                                "successText": "#107C10",
                                "variantBorder": "#edebe9",
                                "variantBorderHovered": "#a19f9d",
                                "warningBackground": "#FFF4CE",
                                "warningHighlight": "#ffb900",
                                "warningIcon": "#797775",
                                "warningText": "#323130",
                              },
                              "spacing": Object {
                                "l1": "20px",
                                "l2": "32px",
                                "m": "16px",
                                "s1": "8px",
                                "s2": "4px",
                              },
                            }
                          }
                        >
                          <label
                            className="ms-Label ms-Dropdown-label root-71"
                            id="Dropdown4-label"
                          >
                            Key
                          </label>
                        </LabelBase>
                      </StyledLabelBase>
                      <div
                        aria-expanded="false"
                        aria-haspopup="listbox"
                        aria-labelledby="Dropdown4-label Dropdown4-option"
                        className="ms-Dropdown dropdown-55"
                        data-is-focusable={true}
                        data-ktp-target={true}
                        id="Dropdown4"
                        onBlur={[Function]}
                        onChange={[Function]}
                        onClick={[Function]}
                        onFocus={[Function]}
                        onKeyDown={[Function]}
                        onKeyUp={[Function]}
                        onMouseDown={[Function]}
                        role="combobox"
                        tabIndex={0}
                      >
                        <span
                          aria-atomic={true}
                          aria-invalid={false}
                          aria-live="polite"
                          className="ms-Dropdown-title title-97"
                          id="Dropdown4-option"
                        >
                          String
                        </span>
                        <span
                          className="ms-Dropdown-caretDownWrapper caretDownWrapper-57"
                        >
                          <StyledIconBase
                            aria-hidden={true}
                            className="ms-Dropdown-caretDown caretDown-58"
                            iconName="ChevronDown"
                          >
                            <IconBase
                              aria-hidden={true}
                              className="ms-Dropdown-caretDown caretDown-58"
                              iconName="ChevronDown"
                              styles={[Function]}
                              theme={
                                Object {
                                  "disableGlobalClassNames": false,
                                  "effects": Object {
                                    "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
                                    "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                                    "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
                                    "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                                    "roundedCorner2": "2px",
                                    "roundedCorner4": "4px",
                                    "roundedCorner6": "6px",
                                  },
                                  "fonts": Object {
                                    "large": Object {
                                      "MozOsxFontSmoothing": "grayscale",
                                      "WebkitFontSmoothing": "antialiased",
                                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                      "fontSize": "18px",
                                      "fontWeight": 400,
                                    },
                                    "medium": Object {
                                      "MozOsxFontSmoothing": "grayscale",
                                      "WebkitFontSmoothing": "antialiased",
                                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                      "fontSize": "14px",
                                      "fontWeight": 400,
                                    },
                                    "mediumPlus": Object {
                                      "MozOsxFontSmoothing": "grayscale",
                                      "WebkitFontSmoothing": "antialiased",
                                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                      "fontSize": "16px",
                                      "fontWeight": 400,
                                    },
                                    "mega": Object {
                                      "MozOsxFontSmoothing": "grayscale",
                                      "WebkitFontSmoothing": "antialiased",
                                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                      "fontSize": "68px",
                                      "fontWeight": 600,
                                    },
                                    "small": Object {
                                      "MozOsxFontSmoothing": "grayscale",
                                      "WebkitFontSmoothing": "antialiased",
                                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                      "fontSize": "12px",
                                      "fontWeight": 400,
                                    },
                                    "smallPlus": Object {
                                      "MozOsxFontSmoothing": "grayscale",
                                      "WebkitFontSmoothing": "antialiased",
                                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                      "fontSize": "12px",
                                      "fontWeight": 400,
                                    },
                                    "superLarge": Object {
                                      "MozOsxFontSmoothing": "grayscale",
                                      "WebkitFontSmoothing": "antialiased",
                                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                      "fontSize": "42px",
                                      "fontWeight": 600,
                                    },
                                    "tiny": Object {
                                      "MozOsxFontSmoothing": "grayscale",
                                      "WebkitFontSmoothing": "antialiased",
                                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                      "fontSize": "10px",
                                      "fontWeight": 400,
                                    },
                                    "xLarge": Object {
                                      "MozOsxFontSmoothing": "grayscale",
                                      "WebkitFontSmoothing": "antialiased",
                                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                      "fontSize": "20px",
                                      "fontWeight": 600,
                                    },
                                    "xLargePlus": Object {
                                      "MozOsxFontSmoothing": "grayscale",
                                      "WebkitFontSmoothing": "antialiased",
                                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                      "fontSize": "24px",
                                      "fontWeight": 600,
                                    },
                                    "xSmall": Object {
                                      "MozOsxFontSmoothing": "grayscale",
                                      "WebkitFontSmoothing": "antialiased",
                                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                      "fontSize": "10px",
                                      "fontWeight": 400,
                                    },
                                    "xxLarge": Object {
                                      "MozOsxFontSmoothing": "grayscale",
                                      "WebkitFontSmoothing": "antialiased",
                                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                      "fontSize": "28px",
                                      "fontWeight": 600,
                                    },
                                    "xxLargePlus": Object {
                                      "MozOsxFontSmoothing": "grayscale",
                                      "WebkitFontSmoothing": "antialiased",
                                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                      "fontSize": "32px",
                                      "fontWeight": 600,
                                    },
                                  },
                                  "isInverted": false,
                                  "palette": Object {
                                    "accent": "#0078d4",
                                    "black": "#000000",
                                    "blackTranslucent40": "rgba(0,0,0,.4)",
                                    "blue": "#0078d4",
                                    "blueDark": "#002050",
                                    "blueLight": "#00bcf2",
                                    "blueMid": "#00188f",
                                    "green": "#107c10",
                                    "greenDark": "#004b1c",
                                    "greenLight": "#bad80a",
                                    "magenta": "#b4009e",
                                    "magentaDark": "#5c005c",
                                    "magentaLight": "#e3008c",
                                    "neutralDark": "#201f1e",
                                    "neutralLight": "#edebe9",
                                    "neutralLighter": "#f3f2f1",
                                    "neutralLighterAlt": "#faf9f8",
                                    "neutralPrimary": "#323130",
                                    "neutralPrimaryAlt": "#3b3a39",
                                    "neutralQuaternary": "#d2d0ce",
                                    "neutralQuaternaryAlt": "#e1dfdd",
                                    "neutralSecondary": "#605e5c",
                                    "neutralSecondaryAlt": "#8a8886",
                                    "neutralTertiary": "#a19f9d",
                                    "neutralTertiaryAlt": "#c8c6c4",
                                    "orange": "#d83b01",
                                    "orangeLight": "#ea4300",
                                    "orangeLighter": "#ff8c00",
                                    "purple": "#5c2d91",
                                    "purpleDark": "#32145a",
                                    "purpleLight": "#b4a0ff",
                                    "red": "#e81123",
                                    "redDark": "#a4262c",
                                    "teal": "#008272",
                                    "tealDark": "#004b50",
                                    "tealLight": "#00b294",
                                    "themeDark": "#005a9e",
                                    "themeDarkAlt": "#106ebe",
                                    "themeDarker": "#004578",
                                    "themeLight": "#c7e0f4",
                                    "themeLighter": "#deecf9",
                                    "themeLighterAlt": "#eff6fc",
                                    "themePrimary": "#0078d4",
                                    "themeSecondary": "#2b88d8",
                                    "themeTertiary": "#71afe5",
                                    "white": "#ffffff",
                                    "whiteTranslucent40": "rgba(255,255,255,.4)",
                                    "yellow": "#ffb900",
                                    "yellowDark": "#d29200",
                                    "yellowLight": "#fff100",
                                  },
                                  "rtl": undefined,
                                  "semanticColors": Object {
                                    "accentButtonBackground": "#0078d4",
                                    "accentButtonText": "#ffffff",
                                    "actionLink": "#323130",
                                    "actionLinkHovered": "#201f1e",
                                    "blockingBackground": "#FDE7E9",
                                    "blockingIcon": "#FDE7E9",
                                    "bodyBackground": "#ffffff",
                                    "bodyBackgroundChecked": "#edebe9",
                                    "bodyBackgroundHovered": "#f3f2f1",
                                    "bodyDivider": "#edebe9",
                                    "bodyFrameBackground": "#ffffff",
                                    "bodyFrameDivider": "#edebe9",
                                    "bodyStandoutBackground": "#faf9f8",
                                    "bodySubtext": "#605e5c",
                                    "bodyText": "#323130",
                                    "bodyTextChecked": "#000000",
                                    "buttonBackground": "#ffffff",
                                    "buttonBackgroundChecked": "#c8c6c4",
                                    "buttonBackgroundCheckedHovered": "#edebe9",
                                    "buttonBackgroundDisabled": "#f3f2f1",
                                    "buttonBackgroundHovered": "#f3f2f1",
                                    "buttonBackgroundPressed": "#edebe9",
                                    "buttonBorder": "#8a8886",
                                    "buttonBorderDisabled": "#f3f2f1",
                                    "buttonText": "#323130",
                                    "buttonTextChecked": "#201f1e",
                                    "buttonTextCheckedHovered": "#000000",
                                    "buttonTextDisabled": "#a19f9d",
                                    "buttonTextHovered": "#201f1e",
                                    "buttonTextPressed": "#201f1e",
                                    "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                                    "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                                    "cardStandoutBackground": "#ffffff",
                                    "defaultStateBackground": "#faf9f8",
                                    "disabledBackground": "#f3f2f1",
                                    "disabledBodySubtext": "#c8c6c4",
                                    "disabledBodyText": "#a19f9d",
                                    "disabledBorder": "#c8c6c4",
                                    "disabledSubtext": "#d2d0ce",
                                    "disabledText": "#a19f9d",
                                    "errorBackground": "#FDE7E9",
                                    "errorIcon": "#A80000",
                                    "errorText": "#a4262c",
                                    "focusBorder": "#605e5c",
                                    "infoBackground": "#f3f2f1",
                                    "infoIcon": "#605e5c",
                                    "inputBackground": "#ffffff",
                                    "inputBackgroundChecked": "#0078d4",
                                    "inputBackgroundCheckedHovered": "#005a9e",
                                    "inputBorder": "#605e5c",
                                    "inputBorderHovered": "#323130",
                                    "inputFocusBorderAlt": "#0078d4",
                                    "inputForegroundChecked": "#ffffff",
                                    "inputIcon": "#0078d4",
                                    "inputIconDisabled": "#a19f9d",
                                    "inputIconHovered": "#005a9e",
                                    "inputPlaceholderBackgroundChecked": "#deecf9",
                                    "inputPlaceholderText": "#605e5c",
                                    "inputText": "#323130",
                                    "inputTextHovered": "#201f1e",
                                    "link": "#0078d4",
                                    "linkHovered": "#004578",
                                    "listBackground": "#ffffff",
                                    "listHeaderBackgroundHovered": "#f3f2f1",
                                    "listHeaderBackgroundPressed": "#edebe9",
                                    "listItemBackgroundChecked": "#edebe9",
                                    "listItemBackgroundCheckedHovered": "#e1dfdd",
                                    "listItemBackgroundHovered": "#f3f2f1",
                                    "listText": "#323130",
                                    "listTextColor": "#323130",
                                    "menuBackground": "#ffffff",
                                    "menuDivider": "#c8c6c4",
                                    "menuHeader": "#0078d4",
                                    "menuIcon": "#0078d4",
                                    "menuItemBackgroundChecked": "#edebe9",
                                    "menuItemBackgroundHovered": "#f3f2f1",
                                    "menuItemBackgroundPressed": "#edebe9",
                                    "menuItemText": "#323130",
                                    "menuItemTextHovered": "#201f1e",
                                    "messageLink": "#005A9E",
                                    "messageLinkHovered": "#004578",
                                    "messageText": "#323130",
                                    "primaryButtonBackground": "#0078d4",
                                    "primaryButtonBackgroundDisabled": "#f3f2f1",
                                    "primaryButtonBackgroundHovered": "#106ebe",
                                    "primaryButtonBackgroundPressed": "#005a9e",
                                    "primaryButtonBorder": "transparent",
                                    "primaryButtonText": "#ffffff",
                                    "primaryButtonTextDisabled": "#d2d0ce",
                                    "primaryButtonTextHovered": "#ffffff",
                                    "primaryButtonTextPressed": "#ffffff",
                                    "severeWarningBackground": "#FED9CC",
                                    "severeWarningIcon": "#D83B01",
                                    "smallInputBorder": "#605e5c",
                                    "successBackground": "#DFF6DD",
                                    "successIcon": "#107C10",
                                    "successText": "#107C10",
                                    "variantBorder": "#edebe9",
                                    "variantBorderHovered": "#a19f9d",
                                    "warningBackground": "#FFF4CE",
                                    "warningHighlight": "#ffb900",
                                    "warningIcon": "#797775",
                                    "warningText": "#323130",
                                  },
                                  "spacing": Object {
                                    "l1": "20px",
                                    "l2": "32px",
                                    "m": "16px",
                                    "s1": "8px",
                                    "s2": "4px",
                                  },
                                }
                              }
                            >
                              <i
                                aria-hidden={true}
                                className="ms-Dropdown-caretDown caretDown-73"
                                data-icon-name="ChevronDown"
                              >
                                
                              </i>
                            </IconBase>
                          </StyledIconBase>
                        </span>
                      </div>
                    </div>
                  </DropdownInternal>
                </DropdownBase>
              </Dropdown>
              <StyledTextFieldBase
                defaultValue=""
                id="confirmCollectionId"
                key=".0:$.1"
                label="Param"
                onChange={[Function]}
                tabIndex={0}
              >
                <TextFieldBase
                  defaultValue=""
                  deferredValidationTime={200}
                  id="confirmCollectionId"
                  label="Param"
                  onChange={[Function]}
                  resizable={true}
                  styles={[Function]}
                  tabIndex={0}
                  theme={
                    Object {
                      "disableGlobalClassNames": false,
                      "effects": Object {
                        "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
                        "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                        "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
                        "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                        "roundedCorner2": "2px",
                        "roundedCorner4": "4px",
                        "roundedCorner6": "6px",
                      },
                      "fonts": Object {
                        "large": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "18px",
                          "fontWeight": 400,
                        },
                        "medium": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "14px",
                          "fontWeight": 400,
                        },
                        "mediumPlus": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "16px",
                          "fontWeight": 400,
                        },
                        "mega": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "68px",
                          "fontWeight": 600,
                        },
                        "small": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "12px",
                          "fontWeight": 400,
                        },
                        "smallPlus": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "12px",
                          "fontWeight": 400,
                        },
                        "superLarge": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "42px",
                          "fontWeight": 600,
                        },
                        "tiny": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "10px",
                          "fontWeight": 400,
                        },
                        "xLarge": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "20px",
                          "fontWeight": 600,
                        },
                        "xLargePlus": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "24px",
                          "fontWeight": 600,
                        },
                        "xSmall": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "10px",
                          "fontWeight": 400,
                        },
                        "xxLarge": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "28px",
                          "fontWeight": 600,
                        },
                        "xxLargePlus": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "32px",
                          "fontWeight": 600,
                        },
                      },
                      "isInverted": false,
                      "palette": Object {
                        "accent": "#0078d4",
                        "black": "#000000",
                        "blackTranslucent40": "rgba(0,0,0,.4)",
                        "blue": "#0078d4",
                        "blueDark": "#002050",
                        "blueLight": "#00bcf2",
                        "blueMid": "#00188f",
                        "green": "#107c10",
                        "greenDark": "#004b1c",
                        "greenLight": "#bad80a",
                        "magenta": "#b4009e",
                        "magentaDark": "#5c005c",
                        "magentaLight": "#e3008c",
                        "neutralDark": "#201f1e",
                        "neutralLight": "#edebe9",
                        "neutralLighter": "#f3f2f1",
                        "neutralLighterAlt": "#faf9f8",
                        "neutralPrimary": "#323130",
                        "neutralPrimaryAlt": "#3b3a39",
                        "neutralQuaternary": "#d2d0ce",
                        "neutralQuaternaryAlt": "#e1dfdd",
                        "neutralSecondary": "#605e5c",
                        "neutralSecondaryAlt": "#8a8886",
                        "neutralTertiary": "#a19f9d",
                        "neutralTertiaryAlt": "#c8c6c4",
                        "orange": "#d83b01",
                        "orangeLight": "#ea4300",
                        "orangeLighter": "#ff8c00",
                        "purple": "#5c2d91",
                        "purpleDark": "#32145a",
                        "purpleLight": "#b4a0ff",
                        "red": "#e81123",
                        "redDark": "#a4262c",
                        "teal": "#008272",
                        "tealDark": "#004b50",
                        "tealLight": "#00b294",
                        "themeDark": "#005a9e",
                        "themeDarkAlt": "#106ebe",
                        "themeDarker": "#004578",
                        "themeLight": "#c7e0f4",
                        "themeLighter": "#deecf9",
                        "themeLighterAlt": "#eff6fc",
                        "themePrimary": "#0078d4",
                        "themeSecondary": "#2b88d8",
                        "themeTertiary": "#71afe5",
                        "white": "#ffffff",
                        "whiteTranslucent40": "rgba(255,255,255,.4)",
                        "yellow": "#ffb900",
                        "yellowDark": "#d29200",
                        "yellowLight": "#fff100",
                      },
                      "rtl": undefined,
                      "semanticColors": Object {
                        "accentButtonBackground": "#0078d4",
                        "accentButtonText": "#ffffff",
                        "actionLink": "#323130",
                        "actionLinkHovered": "#201f1e",
                        "blockingBackground": "#FDE7E9",
                        "blockingIcon": "#FDE7E9",
                        "bodyBackground": "#ffffff",
                        "bodyBackgroundChecked": "#edebe9",
                        "bodyBackgroundHovered": "#f3f2f1",
                        "bodyDivider": "#edebe9",
                        "bodyFrameBackground": "#ffffff",
                        "bodyFrameDivider": "#edebe9",
                        "bodyStandoutBackground": "#faf9f8",
                        "bodySubtext": "#605e5c",
                        "bodyText": "#323130",
                        "bodyTextChecked": "#000000",
                        "buttonBackground": "#ffffff",
                        "buttonBackgroundChecked": "#c8c6c4",
                        "buttonBackgroundCheckedHovered": "#edebe9",
                        "buttonBackgroundDisabled": "#f3f2f1",
                        "buttonBackgroundHovered": "#f3f2f1",
                        "buttonBackgroundPressed": "#edebe9",
                        "buttonBorder": "#8a8886",
                        "buttonBorderDisabled": "#f3f2f1",
                        "buttonText": "#323130",
                        "buttonTextChecked": "#201f1e",
                        "buttonTextCheckedHovered": "#000000",
                        "buttonTextDisabled": "#a19f9d",
                        "buttonTextHovered": "#201f1e",
                        "buttonTextPressed": "#201f1e",
                        "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                        "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                        "cardStandoutBackground": "#ffffff",
                        "defaultStateBackground": "#faf9f8",
                        "disabledBackground": "#f3f2f1",
                        "disabledBodySubtext": "#c8c6c4",
                        "disabledBodyText": "#a19f9d",
                        "disabledBorder": "#c8c6c4",
                        "disabledSubtext": "#d2d0ce",
                        "disabledText": "#a19f9d",
                        "errorBackground": "#FDE7E9",
                        "errorIcon": "#A80000",
                        "errorText": "#a4262c",
                        "focusBorder": "#605e5c",
                        "infoBackground": "#f3f2f1",
                        "infoIcon": "#605e5c",
                        "inputBackground": "#ffffff",
                        "inputBackgroundChecked": "#0078d4",
                        "inputBackgroundCheckedHovered": "#005a9e",
                        "inputBorder": "#605e5c",
                        "inputBorderHovered": "#323130",
                        "inputFocusBorderAlt": "#0078d4",
                        "inputForegroundChecked": "#ffffff",
                        "inputIcon": "#0078d4",
                        "inputIconDisabled": "#a19f9d",
                        "inputIconHovered": "#005a9e",
                        "inputPlaceholderBackgroundChecked": "#deecf9",
                        "inputPlaceholderText": "#605e5c",
                        "inputText": "#323130",
                        "inputTextHovered": "#201f1e",
                        "link": "#0078d4",
                        "linkHovered": "#004578",
                        "listBackground": "#ffffff",
                        "listHeaderBackgroundHovered": "#f3f2f1",
                        "listHeaderBackgroundPressed": "#edebe9",
                        "listItemBackgroundChecked": "#edebe9",
                        "listItemBackgroundCheckedHovered": "#e1dfdd",
                        "listItemBackgroundHovered": "#f3f2f1",
                        "listText": "#323130",
                        "listTextColor": "#323130",
                        "menuBackground": "#ffffff",
                        "menuDivider": "#c8c6c4",
                        "menuHeader": "#0078d4",
                        "menuIcon": "#0078d4",
                        "menuItemBackgroundChecked": "#edebe9",
                        "menuItemBackgroundHovered": "#f3f2f1",
                        "menuItemBackgroundPressed": "#edebe9",
                        "menuItemText": "#323130",
                        "menuItemTextHovered": "#201f1e",
                        "messageLink": "#005A9E",
                        "messageLinkHovered": "#004578",
                        "messageText": "#323130",
                        "primaryButtonBackground": "#0078d4",
                        "primaryButtonBackgroundDisabled": "#f3f2f1",
                        "primaryButtonBackgroundHovered": "#106ebe",
                        "primaryButtonBackgroundPressed": "#005a9e",
                        "primaryButtonBorder": "transparent",
                        "primaryButtonText": "#ffffff",
                        "primaryButtonTextDisabled": "#d2d0ce",
                        "primaryButtonTextHovered": "#ffffff",
                        "primaryButtonTextPressed": "#ffffff",
                        "severeWarningBackground": "#FED9CC",
                        "severeWarningIcon": "#D83B01",
                        "smallInputBorder": "#605e5c",
                        "successBackground": "#DFF6DD",
                        "successIcon": "#107C10",
                        "successText": "#107C10",
                        "variantBorder": "#edebe9",
                        "variantBorderHovered": "#a19f9d",
                        "warningBackground": "#FFF4CE",
                        "warningHighlight": "#ffb900",
                        "warningIcon": "#797775",
                        "warningText": "#323130",
                      },
                      "spacing": Object {
                        "l1": "20px",
                        "l2": "32px",
                        "m": "16px",
                        "s1": "8px",
                        "s2": "4px",
                      },
                    }
                  }
                  validateOnLoad={true}
                >
                  <div
                    className="ms-TextField root-75"
                  >
                    <div
                      className="ms-TextField-wrapper"
                    >
                      <StyledLabelBase
                        htmlFor="confirmCollectionId"
                        id="TextFieldLabel7"
                        styles={[Function]}
                      >
                        <LabelBase
                          htmlFor="confirmCollectionId"
                          id="TextFieldLabel7"
                          styles={[Function]}
                          theme={
                            Object {
                              "disableGlobalClassNames": false,
                              "effects": Object {
                                "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
                                "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                                "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
                                "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                                "roundedCorner2": "2px",
                                "roundedCorner4": "4px",
                                "roundedCorner6": "6px",
                              },
                              "fonts": Object {
                                "large": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "18px",
                                  "fontWeight": 400,
                                },
                                "medium": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "14px",
                                  "fontWeight": 400,
                                },
                                "mediumPlus": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "16px",
                                  "fontWeight": 400,
                                },
                                "mega": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "68px",
                                  "fontWeight": 600,
                                },
                                "small": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "12px",
                                  "fontWeight": 400,
                                },
                                "smallPlus": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "12px",
                                  "fontWeight": 400,
                                },
                                "superLarge": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "42px",
                                  "fontWeight": 600,
                                },
                                "tiny": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "10px",
                                  "fontWeight": 400,
                                },
                                "xLarge": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "20px",
                                  "fontWeight": 600,
                                },
                                "xLargePlus": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "24px",
                                  "fontWeight": 600,
                                },
                                "xSmall": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "10px",
                                  "fontWeight": 400,
                                },
                                "xxLarge": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "28px",
                                  "fontWeight": 600,
                                },
                                "xxLargePlus": Object {
                                  "MozOsxFontSmoothing": "grayscale",
                                  "WebkitFontSmoothing": "antialiased",
                                  "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                                  "fontSize": "32px",
                                  "fontWeight": 600,
                                },
                              },
                              "isInverted": false,
                              "palette": Object {
                                "accent": "#0078d4",
                                "black": "#000000",
                                "blackTranslucent40": "rgba(0,0,0,.4)",
                                "blue": "#0078d4",
                                "blueDark": "#002050",
                                "blueLight": "#00bcf2",
                                "blueMid": "#00188f",
                                "green": "#107c10",
                                "greenDark": "#004b1c",
                                "greenLight": "#bad80a",
                                "magenta": "#b4009e",
                                "magentaDark": "#5c005c",
                                "magentaLight": "#e3008c",
                                "neutralDark": "#201f1e",
                                "neutralLight": "#edebe9",
                                "neutralLighter": "#f3f2f1",
                                "neutralLighterAlt": "#faf9f8",
                                "neutralPrimary": "#323130",
                                "neutralPrimaryAlt": "#3b3a39",
                                "neutralQuaternary": "#d2d0ce",
                                "neutralQuaternaryAlt": "#e1dfdd",
                                "neutralSecondary": "#605e5c",
                                "neutralSecondaryAlt": "#8a8886",
                                "neutralTertiary": "#a19f9d",
                                "neutralTertiaryAlt": "#c8c6c4",
                                "orange": "#d83b01",
                                "orangeLight": "#ea4300",
                                "orangeLighter": "#ff8c00",
                                "purple": "#5c2d91",
                                "purpleDark": "#32145a",
                                "purpleLight": "#b4a0ff",
                                "red": "#e81123",
                                "redDark": "#a4262c",
                                "teal": "#008272",
                                "tealDark": "#004b50",
                                "tealLight": "#00b294",
                                "themeDark": "#005a9e",
                                "themeDarkAlt": "#106ebe",
                                "themeDarker": "#004578",
                                "themeLight": "#c7e0f4",
                                "themeLighter": "#deecf9",
                                "themeLighterAlt": "#eff6fc",
                                "themePrimary": "#0078d4",
                                "themeSecondary": "#2b88d8",
                                "themeTertiary": "#71afe5",
                                "white": "#ffffff",
                                "whiteTranslucent40": "rgba(255,255,255,.4)",
                                "yellow": "#ffb900",
                                "yellowDark": "#d29200",
                                "yellowLight": "#fff100",
                              },
                              "rtl": undefined,
                              "semanticColors": Object {
                                "accentButtonBackground": "#0078d4",
                                "accentButtonText": "#ffffff",
                                "actionLink": "#323130",
                                "actionLinkHovered": "#201f1e",
                                "blockingBackground": "#FDE7E9",
                                "blockingIcon": "#FDE7E9",
                                "bodyBackground": "#ffffff",
                                "bodyBackgroundChecked": "#edebe9",
                                "bodyBackgroundHovered": "#f3f2f1",
                                "bodyDivider": "#edebe9",
                                "bodyFrameBackground": "#ffffff",
                                "bodyFrameDivider": "#edebe9",
                                "bodyStandoutBackground": "#faf9f8",
                                "bodySubtext": "#605e5c",
                                "bodyText": "#323130",
                                "bodyTextChecked": "#000000",
                                "buttonBackground": "#ffffff",
                                "buttonBackgroundChecked": "#c8c6c4",
                                "buttonBackgroundCheckedHovered": "#edebe9",
                                "buttonBackgroundDisabled": "#f3f2f1",
                                "buttonBackgroundHovered": "#f3f2f1",
                                "buttonBackgroundPressed": "#edebe9",
                                "buttonBorder": "#8a8886",
                                "buttonBorderDisabled": "#f3f2f1",
                                "buttonText": "#323130",
                                "buttonTextChecked": "#201f1e",
                                "buttonTextCheckedHovered": "#000000",
                                "buttonTextDisabled": "#a19f9d",
                                "buttonTextHovered": "#201f1e",
                                "buttonTextPressed": "#201f1e",
                                "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                                "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                                "cardStandoutBackground": "#ffffff",
                                "defaultStateBackground": "#faf9f8",
                                "disabledBackground": "#f3f2f1",
                                "disabledBodySubtext": "#c8c6c4",
                                "disabledBodyText": "#a19f9d",
                                "disabledBorder": "#c8c6c4",
                                "disabledSubtext": "#d2d0ce",
                                "disabledText": "#a19f9d",
                                "errorBackground": "#FDE7E9",
                                "errorIcon": "#A80000",
                                "errorText": "#a4262c",
                                "focusBorder": "#605e5c",
                                "infoBackground": "#f3f2f1",
                                "infoIcon": "#605e5c",
                                "inputBackground": "#ffffff",
                                "inputBackgroundChecked": "#0078d4",
                                "inputBackgroundCheckedHovered": "#005a9e",
                                "inputBorder": "#605e5c",
                                "inputBorderHovered": "#323130",
                                "inputFocusBorderAlt": "#0078d4",
                                "inputForegroundChecked": "#ffffff",
                                "inputIcon": "#0078d4",
                                "inputIconDisabled": "#a19f9d",
                                "inputIconHovered": "#005a9e",
                                "inputPlaceholderBackgroundChecked": "#deecf9",
                                "inputPlaceholderText": "#605e5c",
                                "inputText": "#323130",
                                "inputTextHovered": "#201f1e",
                                "link": "#0078d4",
                                "linkHovered": "#004578",
                                "listBackground": "#ffffff",
                                "listHeaderBackgroundHovered": "#f3f2f1",
                                "listHeaderBackgroundPressed": "#edebe9",
                                "listItemBackgroundChecked": "#edebe9",
                                "listItemBackgroundCheckedHovered": "#e1dfdd",
                                "listItemBackgroundHovered": "#f3f2f1",
                                "listText": "#323130",
                                "listTextColor": "#323130",
                                "menuBackground": "#ffffff",
                                "menuDivider": "#c8c6c4",
                                "menuHeader": "#0078d4",
                                "menuIcon": "#0078d4",
                                "menuItemBackgroundChecked": "#edebe9",
                                "menuItemBackgroundHovered": "#f3f2f1",
                                "menuItemBackgroundPressed": "#edebe9",
                                "menuItemText": "#323130",
                                "menuItemTextHovered": "#201f1e",
                                "messageLink": "#005A9E",
                                "messageLinkHovered": "#004578",
                                "messageText": "#323130",
                                "primaryButtonBackground": "#0078d4",
                                "primaryButtonBackgroundDisabled": "#f3f2f1",
                                "primaryButtonBackgroundHovered": "#106ebe",
                                "primaryButtonBackgroundPressed": "#005a9e",
                                "primaryButtonBorder": "transparent",
                                "primaryButtonText": "#ffffff",
                                "primaryButtonTextDisabled": "#d2d0ce",
                                "primaryButtonTextHovered": "#ffffff",
                                "primaryButtonTextPressed": "#ffffff",
                                "severeWarningBackground": "#FED9CC",
                                "severeWarningIcon": "#D83B01",
                                "smallInputBorder": "#605e5c",
                                "successBackground": "#DFF6DD",
                                "successIcon": "#107C10",
                                "successText": "#107C10",
                                "variantBorder": "#edebe9",
                                "variantBorderHovered": "#a19f9d",
                                "warningBackground": "#FFF4CE",
                                "warningHighlight": "#ffb900",
                                "warningIcon": "#797775",
                                "warningText": "#323130",
                              },
                              "spacing": Object {
                                "l1": "20px",
                                "l2": "32px",
                                "m": "16px",
                                "s1": "8px",
                                "s2": "4px",
                              },
                            }
                          }
                        >
                          <label
                            className="ms-Label root-53"
                            htmlFor="confirmCollectionId"
                            id="TextFieldLabel7"
                          >
                            Param
                          </label>
                        </LabelBase>
                      </StyledLabelBase>
                      <div
                        className="ms-TextField-fieldGroup fieldGroup-76"
                      >
                        <input
                          aria-invalid={false}
                          aria-labelledby="TextFieldLabel7"
                          className="ms-TextField-field field-77"
                          id="confirmCollectionId"
                          onBlur={[Function]}
                          onChange={[Function]}
                          onFocus={[Function]}
                          onInput={[Function]}
                          tabIndex={0}
                          type="text"
                          value=""
                        />
                      </div>
                    </div>
                  </div>
                </TextFieldBase>
              </StyledTextFieldBase>
              <div
                tabIndex={0}
              >
                <StyledImageBase
                  alt="Delete param"
                  className="addRemoveIconLabel"
                  height={30}
                  id="deleteparam"
                  onClick={[Function]}
                  role="button"
                  src=""
                  width={20}
                >
                  <ImageBase
                    alt="Delete param"
                    className="addRemoveIconLabel"
                    height={30}
                    id="deleteparam"
                    onClick={[Function]}
                    role="button"
                    src=""
                    styles={[Function]}
                    theme={
                      Object {
                        "disableGlobalClassNames": false,
                        "effects": Object {
                          "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
                          "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                          "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
                          "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                          "roundedCorner2": "2px",
                          "roundedCorner4": "4px",
                          "roundedCorner6": "6px",
                        },
                        "fonts": Object {
                          "large": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "18px",
                            "fontWeight": 400,
                          },
                          "medium": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "14px",
                            "fontWeight": 400,
                          },
                          "mediumPlus": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "16px",
                            "fontWeight": 400,
                          },
                          "mega": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "68px",
                            "fontWeight": 600,
                          },
                          "small": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "12px",
                            "fontWeight": 400,
                          },
                          "smallPlus": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "12px",
                            "fontWeight": 400,
                          },
                          "superLarge": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "42px",
                            "fontWeight": 600,
                          },
                          "tiny": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "10px",
                            "fontWeight": 400,
                          },
                          "xLarge": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "20px",
                            "fontWeight": 600,
                          },
                          "xLargePlus": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "24px",
                            "fontWeight": 600,
                          },
                          "xSmall": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "10px",
                            "fontWeight": 400,
                          },
                          "xxLarge": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "28px",
                            "fontWeight": 600,
                          },
                          "xxLargePlus": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "32px",
                            "fontWeight": 600,
                          },
                        },
                        "isInverted": false,
                        "palette": Object {
                          "accent": "#0078d4",
                          "black": "#000000",
                          "blackTranslucent40": "rgba(0,0,0,.4)",
                          "blue": "#0078d4",
                          "blueDark": "#002050",
                          "blueLight": "#00bcf2",
                          "blueMid": "#00188f",
                          "green": "#107c10",
                          "greenDark": "#004b1c",
                          "greenLight": "#bad80a",
                          "magenta": "#b4009e",
                          "magentaDark": "#5c005c",
                          "magentaLight": "#e3008c",
                          "neutralDark": "#201f1e",
                          "neutralLight": "#edebe9",
                          "neutralLighter": "#f3f2f1",
                          "neutralLighterAlt": "#faf9f8",
                          "neutralPrimary": "#323130",
                          "neutralPrimaryAlt": "#3b3a39",
                          "neutralQuaternary": "#d2d0ce",
                          "neutralQuaternaryAlt": "#e1dfdd",
                          "neutralSecondary": "#605e5c",
                          "neutralSecondaryAlt": "#8a8886",
                          "neutralTertiary": "#a19f9d",
                          "neutralTertiaryAlt": "#c8c6c4",
                          "orange": "#d83b01",
                          "orangeLight": "#ea4300",
                          "orangeLighter": "#ff8c00",
                          "purple": "#5c2d91",
                          "purpleDark": "#32145a",
                          "purpleLight": "#b4a0ff",
                          "red": "#e81123",
                          "redDark": "#a4262c",
                          "teal": "#008272",
                          "tealDark": "#004b50",
                          "tealLight": "#00b294",
                          "themeDark": "#005a9e",
                          "themeDarkAlt": "#106ebe",
                          "themeDarker": "#004578",
                          "themeLight": "#c7e0f4",
                          "themeLighter": "#deecf9",
                          "themeLighterAlt": "#eff6fc",
                          "themePrimary": "#0078d4",
                          "themeSecondary": "#2b88d8",
                          "themeTertiary": "#71afe5",
                          "white": "#ffffff",
                          "whiteTranslucent40": "rgba(255,255,255,.4)",
                          "yellow": "#ffb900",
                          "yellowDark": "#d29200",
                          "yellowLight": "#fff100",
                        },
                        "rtl": undefined,
                        "semanticColors": Object {
                          "accentButtonBackground": "#0078d4",
                          "accentButtonText": "#ffffff",
                          "actionLink": "#323130",
                          "actionLinkHovered": "#201f1e",
                          "blockingBackground": "#FDE7E9",
                          "blockingIcon": "#FDE7E9",
                          "bodyBackground": "#ffffff",
                          "bodyBackgroundChecked": "#edebe9",
                          "bodyBackgroundHovered": "#f3f2f1",
                          "bodyDivider": "#edebe9",
                          "bodyFrameBackground": "#ffffff",
                          "bodyFrameDivider": "#edebe9",
                          "bodyStandoutBackground": "#faf9f8",
                          "bodySubtext": "#605e5c",
                          "bodyText": "#323130",
                          "bodyTextChecked": "#000000",
                          "buttonBackground": "#ffffff",
                          "buttonBackgroundChecked": "#c8c6c4",
                          "buttonBackgroundCheckedHovered": "#edebe9",
                          "buttonBackgroundDisabled": "#f3f2f1",
                          "buttonBackgroundHovered": "#f3f2f1",
                          "buttonBackgroundPressed": "#edebe9",
                          "buttonBorder": "#8a8886",
                          "buttonBorderDisabled": "#f3f2f1",
                          "buttonText": "#323130",
                          "buttonTextChecked": "#201f1e",
                          "buttonTextCheckedHovered": "#000000",
                          "buttonTextDisabled": "#a19f9d",
                          "buttonTextHovered": "#201f1e",
                          "buttonTextPressed": "#201f1e",
                          "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                          "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                          "cardStandoutBackground": "#ffffff",
                          "defaultStateBackground": "#faf9f8",
                          "disabledBackground": "#f3f2f1",
                          "disabledBodySubtext": "#c8c6c4",
                          "disabledBodyText": "#a19f9d",
                          "disabledBorder": "#c8c6c4",
                          "disabledSubtext": "#d2d0ce",
                          "disabledText": "#a19f9d",
                          "errorBackground": "#FDE7E9",
                          "errorIcon": "#A80000",
                          "errorText": "#a4262c",
                          "focusBorder": "#605e5c",
                          "infoBackground": "#f3f2f1",
                          "infoIcon": "#605e5c",
                          "inputBackground": "#ffffff",
                          "inputBackgroundChecked": "#0078d4",
                          "inputBackgroundCheckedHovered": "#005a9e",
                          "inputBorder": "#605e5c",
                          "inputBorderHovered": "#323130",
                          "inputFocusBorderAlt": "#0078d4",
                          "inputForegroundChecked": "#ffffff",
                          "inputIcon": "#0078d4",
                          "inputIconDisabled": "#a19f9d",
                          "inputIconHovered": "#005a9e",
                          "inputPlaceholderBackgroundChecked": "#deecf9",
                          "inputPlaceholderText": "#605e5c",
                          "inputText": "#323130",
                          "inputTextHovered": "#201f1e",
                          "link": "#0078d4",
                          "linkHovered": "#004578",
                          "listBackground": "#ffffff",
                          "listHeaderBackgroundHovered": "#f3f2f1",
                          "listHeaderBackgroundPressed": "#edebe9",
                          "listItemBackgroundChecked": "#edebe9",
                          "listItemBackgroundCheckedHovered": "#e1dfdd",
                          "listItemBackgroundHovered": "#f3f2f1",
                          "listText": "#323130",
                          "listTextColor": "#323130",
                          "menuBackground": "#ffffff",
                          "menuDivider": "#c8c6c4",
                          "menuHeader": "#0078d4",
                          "menuIcon": "#0078d4",
                          "menuItemBackgroundChecked": "#edebe9",
                          "menuItemBackgroundHovered": "#f3f2f1",
                          "menuItemBackgroundPressed": "#edebe9",
                          "menuItemText": "#323130",
                          "menuItemTextHovered": "#201f1e",
                          "messageLink": "#005A9E",
                          "messageLinkHovered": "#004578",
                          "messageText": "#323130",
                          "primaryButtonBackground": "#0078d4",
                          "primaryButtonBackgroundDisabled": "#f3f2f1",
                          "primaryButtonBackgroundHovered": "#106ebe",
                          "primaryButtonBackgroundPressed": "#005a9e",
                          "primaryButtonBorder": "transparent",
                          "primaryButtonText": "#ffffff",
                          "primaryButtonTextDisabled": "#d2d0ce",
                          "primaryButtonTextHovered": "#ffffff",
                          "primaryButtonTextPressed": "#ffffff",
                          "severeWarningBackground": "#FED9CC",
                          "severeWarningIcon": "#D83B01",
                          "smallInputBorder": "#605e5c",
                          "successBackground": "#DFF6DD",
                          "successIcon": "#107C10",
                          "successText": "#107C10",
                          "variantBorder": "#edebe9",
                          "variantBorderHovered": "#a19f9d",
                          "warningBackground": "#FFF4CE",
                          "warningHighlight": "#ffb900",
                          "warningIcon": "#797775",
                          "warningText": "#323130",
                        },
                        "spacing": Object {
                          "l1": "20px",
                          "l2": "32px",
                          "m": "16px",
                          "s1": "8px",
                          "s2": "4px",
                        },
                      }
                    }
                    width={20}
                  >
                    <div
                      className="ms-Image addRemoveIconLabel root-86"
                      style={
                        Object {
                          "height": 30,
                          "width": 20,
                        }
                      }
                    >
                      <img
                        alt="Delete param"
                        className="ms-Image-image ms-Image-image--portrait is-notLoaded is-fadeIn image-87"
                        id="deleteparam"
                        key="fabricImage"
                        onClick={[Function]}
                        onError={[Function]}
                        onLoad={[Function]}
                        role="button"
                        src=""
                      />
                    </div>
                  </ImageBase>
                </StyledImageBase>
              </div>
              <div
                tabIndex={0}
              >
                <StyledImageBase
                  alt="Add param"
                  className="addRemoveIconLabel"
                  height={30}
                  id="addparam"
                  onClick={[Function]}
                  role="button"
                  src=""
                  width={20}
                >
                  <ImageBase
                    alt="Add param"
                    className="addRemoveIconLabel"
                    height={30}
                    id="addparam"
                    onClick={[Function]}
                    role="button"
                    src=""
                    styles={[Function]}
                    theme={
                      Object {
                        "disableGlobalClassNames": false,
                        "effects": Object {
                          "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
                          "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                          "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
                          "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                          "roundedCorner2": "2px",
                          "roundedCorner4": "4px",
                          "roundedCorner6": "6px",
                        },
                        "fonts": Object {
                          "large": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "18px",
                            "fontWeight": 400,
                          },
                          "medium": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "14px",
                            "fontWeight": 400,
                          },
                          "mediumPlus": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "16px",
                            "fontWeight": 400,
                          },
                          "mega": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "68px",
                            "fontWeight": 600,
                          },
                          "small": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "12px",
                            "fontWeight": 400,
                          },
                          "smallPlus": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "12px",
                            "fontWeight": 400,
                          },
                          "superLarge": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "42px",
                            "fontWeight": 600,
                          },
                          "tiny": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "10px",
                            "fontWeight": 400,
                          },
                          "xLarge": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "20px",
                            "fontWeight": 600,
                          },
                          "xLargePlus": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "24px",
                            "fontWeight": 600,
                          },
                          "xSmall": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "10px",
                            "fontWeight": 400,
                          },
                          "xxLarge": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "28px",
                            "fontWeight": 600,
                          },
                          "xxLargePlus": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "32px",
                            "fontWeight": 600,
                          },
                        },
                        "isInverted": false,
                        "palette": Object {
                          "accent": "#0078d4",
                          "black": "#000000",
                          "blackTranslucent40": "rgba(0,0,0,.4)",
                          "blue": "#0078d4",
                          "blueDark": "#002050",
                          "blueLight": "#00bcf2",
                          "blueMid": "#00188f",
                          "green": "#107c10",
                          "greenDark": "#004b1c",
                          "greenLight": "#bad80a",
                          "magenta": "#b4009e",
                          "magentaDark": "#5c005c",
                          "magentaLight": "#e3008c",
                          "neutralDark": "#201f1e",
                          "neutralLight": "#edebe9",
                          "neutralLighter": "#f3f2f1",
                          "neutralLighterAlt": "#faf9f8",
                          "neutralPrimary": "#323130",
                          "neutralPrimaryAlt": "#3b3a39",
                          "neutralQuaternary": "#d2d0ce",
                          "neutralQuaternaryAlt": "#e1dfdd",
                          "neutralSecondary": "#605e5c",
                          "neutralSecondaryAlt": "#8a8886",
                          "neutralTertiary": "#a19f9d",
                          "neutralTertiaryAlt": "#c8c6c4",
                          "orange": "#d83b01",
                          "orangeLight": "#ea4300",
                          "orangeLighter": "#ff8c00",
                          "purple": "#5c2d91",
                          "purpleDark": "#32145a",
                          "purpleLight": "#b4a0ff",
                          "red": "#e81123",
                          "redDark": "#a4262c",
                          "teal": "#008272",
                          "tealDark": "#004b50",
                          "tealLight": "#00b294",
                          "themeDark": "#005a9e",
                          "themeDarkAlt": "#106ebe",
                          "themeDarker": "#004578",
                          "themeLight": "#c7e0f4",
                          "themeLighter": "#deecf9",
                          "themeLighterAlt": "#eff6fc",
                          "themePrimary": "#0078d4",
                          "themeSecondary": "#2b88d8",
                          "themeTertiary": "#71afe5",
                          "white": "#ffffff",
                          "whiteTranslucent40": "rgba(255,255,255,.4)",
                          "yellow": "#ffb900",
                          "yellowDark": "#d29200",
                          "yellowLight": "#fff100",
                        },
                        "rtl": undefined,
                        "semanticColors": Object {
                          "accentButtonBackground": "#0078d4",
                          "accentButtonText": "#ffffff",
                          "actionLink": "#323130",
                          "actionLinkHovered": "#201f1e",
                          "blockingBackground": "#FDE7E9",
                          "blockingIcon": "#FDE7E9",
                          "bodyBackground": "#ffffff",
                          "bodyBackgroundChecked": "#edebe9",
                          "bodyBackgroundHovered": "#f3f2f1",
                          "bodyDivider": "#edebe9",
                          "bodyFrameBackground": "#ffffff",
                          "bodyFrameDivider": "#edebe9",
                          "bodyStandoutBackground": "#faf9f8",
                          "bodySubtext": "#605e5c",
                          "bodyText": "#323130",
                          "bodyTextChecked": "#000000",
                          "buttonBackground": "#ffffff",
                          "buttonBackgroundChecked": "#c8c6c4",
                          "buttonBackgroundCheckedHovered": "#edebe9",
                          "buttonBackgroundDisabled": "#f3f2f1",
                          "buttonBackgroundHovered": "#f3f2f1",
                          "buttonBackgroundPressed": "#edebe9",
                          "buttonBorder": "#8a8886",
                          "buttonBorderDisabled": "#f3f2f1",
                          "buttonText": "#323130",
                          "buttonTextChecked": "#201f1e",
                          "buttonTextCheckedHovered": "#000000",
                          "buttonTextDisabled": "#a19f9d",
                          "buttonTextHovered": "#201f1e",
                          "buttonTextPressed": "#201f1e",
                          "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                          "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                          "cardStandoutBackground": "#ffffff",
                          "defaultStateBackground": "#faf9f8",
                          "disabledBackground": "#f3f2f1",
                          "disabledBodySubtext": "#c8c6c4",
                          "disabledBodyText": "#a19f9d",
                          "disabledBorder": "#c8c6c4",
                          "disabledSubtext": "#d2d0ce",
                          "disabledText": "#a19f9d",
                          "errorBackground": "#FDE7E9",
                          "errorIcon": "#A80000",
                          "errorText": "#a4262c",
                          "focusBorder": "#605e5c",
                          "infoBackground": "#f3f2f1",
                          "infoIcon": "#605e5c",
                          "inputBackground": "#ffffff",
                          "inputBackgroundChecked": "#0078d4",
                          "inputBackgroundCheckedHovered": "#005a9e",
                          "inputBorder": "#605e5c",
                          "inputBorderHovered": "#323130",
                          "inputFocusBorderAlt": "#0078d4",
                          "inputForegroundChecked": "#ffffff",
                          "inputIcon": "#0078d4",
                          "inputIconDisabled": "#a19f9d",
                          "inputIconHovered": "#005a9e",
                          "inputPlaceholderBackgroundChecked": "#deecf9",
                          "inputPlaceholderText": "#605e5c",
                          "inputText": "#323130",
                          "inputTextHovered": "#201f1e",
                          "link": "#0078d4",
                          "linkHovered": "#004578",
                          "listBackground": "#ffffff",
                          "listHeaderBackgroundHovered": "#f3f2f1",
                          "listHeaderBackgroundPressed": "#edebe9",
                          "listItemBackgroundChecked": "#edebe9",
                          "listItemBackgroundCheckedHovered": "#e1dfdd",
                          "listItemBackgroundHovered": "#f3f2f1",
                          "listText": "#323130",
                          "listTextColor": "#323130",
                          "menuBackground": "#ffffff",
                          "menuDivider": "#c8c6c4",
                          "menuHeader": "#0078d4",
                          "menuIcon": "#0078d4",
                          "menuItemBackgroundChecked": "#edebe9",
                          "menuItemBackgroundHovered": "#f3f2f1",
                          "menuItemBackgroundPressed": "#edebe9",
                          "menuItemText": "#323130",
                          "menuItemTextHovered": "#201f1e",
                          "messageLink": "#005A9E",
                          "messageLinkHovered": "#004578",
                          "messageText": "#323130",
                          "primaryButtonBackground": "#0078d4",
                          "primaryButtonBackgroundDisabled": "#f3f2f1",
                          "primaryButtonBackgroundHovered": "#106ebe",
                          "primaryButtonBackgroundPressed": "#005a9e",
                          "primaryButtonBorder": "transparent",
                          "primaryButtonText": "#ffffff",
                          "primaryButtonTextDisabled": "#d2d0ce",
                          "primaryButtonTextHovered": "#ffffff",
                          "primaryButtonTextPressed": "#ffffff",
                          "severeWarningBackground": "#FED9CC",
                          "severeWarningIcon": "#D83B01",
                          "smallInputBorder": "#605e5c",
                          "successBackground": "#DFF6DD",
                          "successIcon": "#107C10",
                          "successText": "#107C10",
                          "variantBorder": "#edebe9",
                          "variantBorderHovered": "#a19f9d",
                          "warningBackground": "#FFF4CE",
                          "warningHighlight": "#ffb900",
                          "warningIcon": "#797775",
                          "warningText": "#323130",
                        },
                        "spacing": Object {
                          "l1": "20px",
                          "l2": "32px",
                          "m": "16px",
                          "s1": "8px",
                          "s2": "4px",
                        },
                      }
                    }
                    width={20}
                  >
                    <div
                      className="ms-Image addRemoveIconLabel root-86"
                      style={
                        Object {
                          "height": 30,
                          "width": 20,
                        }
                      }
                    >
                      <img
                        alt="Add param"
                        className="ms-Image-image ms-Image-image--portrait is-notLoaded is-fadeIn image-87"
                        id="addparam"
                        key="fabricImage"
                        onClick={[Function]}
                        onError={[Function]}
                        onLoad={[Function]}
                        role="button"
                        src=""
                      />
                    </div>
                  </ImageBase>
                </StyledImageBase>
              </div>
            </div>
          </Stack>
        </InputParameter>
        <Stack
          horizontal={true}
          onClick={[Function]}
          tabIndex={0}
        >
          <div
            className="ms-Stack css-54"
            onClick={[Function]}
            tabIndex={0}
          >
            <StyledImageBase
              alt="Add param"
              height={30}
              key=".0:$.0"
              src=""
              width={20}
            >
              <ImageBase
                alt="Add param"
                height={30}
                src=""
                styles={[Function]}
                theme={
                  Object {
                    "disableGlobalClassNames": false,
                    "effects": Object {
                      "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
                      "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                      "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
                      "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                      "roundedCorner2": "2px",
                      "roundedCorner4": "4px",
                      "roundedCorner6": "6px",
                    },
                    "fonts": Object {
                      "large": Object {
                        "MozOsxFontSmoothing": "grayscale",
                        "WebkitFontSmoothing": "antialiased",
                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                        "fontSize": "18px",
                        "fontWeight": 400,
                      },
                      "medium": Object {
                        "MozOsxFontSmoothing": "grayscale",
                        "WebkitFontSmoothing": "antialiased",
                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                        "fontSize": "14px",
                        "fontWeight": 400,
                      },
                      "mediumPlus": Object {
                        "MozOsxFontSmoothing": "grayscale",
                        "WebkitFontSmoothing": "antialiased",
                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                        "fontSize": "16px",
                        "fontWeight": 400,
                      },
                      "mega": Object {
                        "MozOsxFontSmoothing": "grayscale",
                        "WebkitFontSmoothing": "antialiased",
                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                        "fontSize": "68px",
                        "fontWeight": 600,
                      },
                      "small": Object {
                        "MozOsxFontSmoothing": "grayscale",
                        "WebkitFontSmoothing": "antialiased",
                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                        "fontSize": "12px",
                        "fontWeight": 400,
                      },
                      "smallPlus": Object {
                        "MozOsxFontSmoothing": "grayscale",
                        "WebkitFontSmoothing": "antialiased",
                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                        "fontSize": "12px",
                        "fontWeight": 400,
                      },
                      "superLarge": Object {
                        "MozOsxFontSmoothing": "grayscale",
                        "WebkitFontSmoothing": "antialiased",
                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                        "fontSize": "42px",
                        "fontWeight": 600,
                      },
                      "tiny": Object {
                        "MozOsxFontSmoothing": "grayscale",
                        "WebkitFontSmoothing": "antialiased",
                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                        "fontSize": "10px",
                        "fontWeight": 400,
                      },
                      "xLarge": Object {
                        "MozOsxFontSmoothing": "grayscale",
                        "WebkitFontSmoothing": "antialiased",
                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                        "fontSize": "20px",
                        "fontWeight": 600,
                      },
                      "xLargePlus": Object {
                        "MozOsxFontSmoothing": "grayscale",
                        "WebkitFontSmoothing": "antialiased",
                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                        "fontSize": "24px",
                        "fontWeight": 600,
                      },
                      "xSmall": Object {
                        "MozOsxFontSmoothing": "grayscale",
                        "WebkitFontSmoothing": "antialiased",
                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                        "fontSize": "10px",
                        "fontWeight": 400,
                      },
                      "xxLarge": Object {
                        "MozOsxFontSmoothing": "grayscale",
                        "WebkitFontSmoothing": "antialiased",
                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                        "fontSize": "28px",
                        "fontWeight": 600,
                      },
                      "xxLargePlus": Object {
                        "MozOsxFontSmoothing": "grayscale",
                        "WebkitFontSmoothing": "antialiased",
                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                        "fontSize": "32px",
                        "fontWeight": 600,
                      },
                    },
                    "isInverted": false,
                    "palette": Object {
                      "accent": "#0078d4",
                      "black": "#000000",
                      "blackTranslucent40": "rgba(0,0,0,.4)",
                      "blue": "#0078d4",
                      "blueDark": "#002050",
                      "blueLight": "#00bcf2",
                      "blueMid": "#00188f",
                      "green": "#107c10",
                      "greenDark": "#004b1c",
                      "greenLight": "#bad80a",
                      "magenta": "#b4009e",
                      "magentaDark": "#5c005c",
                      "magentaLight": "#e3008c",
                      "neutralDark": "#201f1e",
                      "neutralLight": "#edebe9",
                      "neutralLighter": "#f3f2f1",
                      "neutralLighterAlt": "#faf9f8",
                      "neutralPrimary": "#323130",
                      "neutralPrimaryAlt": "#3b3a39",
                      "neutralQuaternary": "#d2d0ce",
                      "neutralQuaternaryAlt": "#e1dfdd",
                      "neutralSecondary": "#605e5c",
                      "neutralSecondaryAlt": "#8a8886",
                      "neutralTertiary": "#a19f9d",
                      "neutralTertiaryAlt": "#c8c6c4",
                      "orange": "#d83b01",
                      "orangeLight": "#ea4300",
                      "orangeLighter": "#ff8c00",
                      "purple": "#5c2d91",
                      "purpleDark": "#32145a",
                      "purpleLight": "#b4a0ff",
                      "red": "#e81123",
                      "redDark": "#a4262c",
                      "teal": "#008272",
                      "tealDark": "#004b50",
                      "tealLight": "#00b294",
                      "themeDark": "#005a9e",
                      "themeDarkAlt": "#106ebe",
                      "themeDarker": "#004578",
                      "themeLight": "#c7e0f4",
                      "themeLighter": "#deecf9",
                      "themeLighterAlt": "#eff6fc",
                      "themePrimary": "#0078d4",
                      "themeSecondary": "#2b88d8",
                      "themeTertiary": "#71afe5",
                      "white": "#ffffff",
                      "whiteTranslucent40": "rgba(255,255,255,.4)",
                      "yellow": "#ffb900",
                      "yellowDark": "#d29200",
                      "yellowLight": "#fff100",
                    },
                    "rtl": undefined,
                    "semanticColors": Object {
                      "accentButtonBackground": "#0078d4",
                      "accentButtonText": "#ffffff",
                      "actionLink": "#323130",
                      "actionLinkHovered": "#201f1e",
                      "blockingBackground": "#FDE7E9",
                      "blockingIcon": "#FDE7E9",
                      "bodyBackground": "#ffffff",
                      "bodyBackgroundChecked": "#edebe9",
                      "bodyBackgroundHovered": "#f3f2f1",
                      "bodyDivider": "#edebe9",
                      "bodyFrameBackground": "#ffffff",
                      "bodyFrameDivider": "#edebe9",
                      "bodyStandoutBackground": "#faf9f8",
                      "bodySubtext": "#605e5c",
                      "bodyText": "#323130",
                      "bodyTextChecked": "#000000",
                      "buttonBackground": "#ffffff",
                      "buttonBackgroundChecked": "#c8c6c4",
                      "buttonBackgroundCheckedHovered": "#edebe9",
                      "buttonBackgroundDisabled": "#f3f2f1",
                      "buttonBackgroundHovered": "#f3f2f1",
                      "buttonBackgroundPressed": "#edebe9",
                      "buttonBorder": "#8a8886",
                      "buttonBorderDisabled": "#f3f2f1",
                      "buttonText": "#323130",
                      "buttonTextChecked": "#201f1e",
                      "buttonTextCheckedHovered": "#000000",
                      "buttonTextDisabled": "#a19f9d",
                      "buttonTextHovered": "#201f1e",
                      "buttonTextPressed": "#201f1e",
                      "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                      "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                      "cardStandoutBackground": "#ffffff",
                      "defaultStateBackground": "#faf9f8",
                      "disabledBackground": "#f3f2f1",
                      "disabledBodySubtext": "#c8c6c4",
                      "disabledBodyText": "#a19f9d",
                      "disabledBorder": "#c8c6c4",
                      "disabledSubtext": "#d2d0ce",
                      "disabledText": "#a19f9d",
                      "errorBackground": "#FDE7E9",
                      "errorIcon": "#A80000",
                      "errorText": "#a4262c",
                      "focusBorder": "#605e5c",
                      "infoBackground": "#f3f2f1",
                      "infoIcon": "#605e5c",
                      "inputBackground": "#ffffff",
                      "inputBackgroundChecked": "#0078d4",
                      "inputBackgroundCheckedHovered": "#005a9e",
                      "inputBorder": "#605e5c",
                      "inputBorderHovered": "#323130",
                      "inputFocusBorderAlt": "#0078d4",
                      "inputForegroundChecked": "#ffffff",
                      "inputIcon": "#0078d4",
                      "inputIconDisabled": "#a19f9d",
                      "inputIconHovered": "#005a9e",
                      "inputPlaceholderBackgroundChecked": "#deecf9",
                      "inputPlaceholderText": "#605e5c",
                      "inputText": "#323130",
                      "inputTextHovered": "#201f1e",
                      "link": "#0078d4",
                      "linkHovered": "#004578",
                      "listBackground": "#ffffff",
                      "listHeaderBackgroundHovered": "#f3f2f1",
                      "listHeaderBackgroundPressed": "#edebe9",
                      "listItemBackgroundChecked": "#edebe9",
                      "listItemBackgroundCheckedHovered": "#e1dfdd",
                      "listItemBackgroundHovered": "#f3f2f1",
                      "listText": "#323130",
                      "listTextColor": "#323130",
                      "menuBackground": "#ffffff",
                      "menuDivider": "#c8c6c4",
                      "menuHeader": "#0078d4",
                      "menuIcon": "#0078d4",
                      "menuItemBackgroundChecked": "#edebe9",
                      "menuItemBackgroundHovered": "#f3f2f1",
                      "menuItemBackgroundPressed": "#edebe9",
                      "menuItemText": "#323130",
                      "menuItemTextHovered": "#201f1e",
                      "messageLink": "#005A9E",
                      "messageLinkHovered": "#004578",
                      "messageText": "#323130",
                      "primaryButtonBackground": "#0078d4",
                      "primaryButtonBackgroundDisabled": "#f3f2f1",
                      "primaryButtonBackgroundHovered": "#106ebe",
                      "primaryButtonBackgroundPressed": "#005a9e",
                      "primaryButtonBorder": "transparent",
                      "primaryButtonText": "#ffffff",
                      "primaryButtonTextDisabled": "#d2d0ce",
                      "primaryButtonTextHovered": "#ffffff",
                      "primaryButtonTextPressed": "#ffffff",
                      "severeWarningBackground": "#FED9CC",
                      "severeWarningIcon": "#D83B01",
                      "smallInputBorder": "#605e5c",
                      "successBackground": "#DFF6DD",
                      "successIcon": "#107C10",
                      "successText": "#107C10",
                      "variantBorder": "#edebe9",
                      "variantBorderHovered": "#a19f9d",
                      "warningBackground": "#FFF4CE",
                      "warningHighlight": "#ffb900",
                      "warningIcon": "#797775",
                      "warningText": "#323130",
                    },
                    "spacing": Object {
                      "l1": "20px",
                      "l2": "32px",
                      "m": "16px",
                      "s1": "8px",
                      "s2": "4px",
                    },
                  }
                }
                width={20}
              >
                <div
                  className="ms-Image root-86"
                  style={
                    Object {
                      "height": 30,
                      "width": 20,
                    }
                  }
                >
                  <img
                    alt="Add param"
                    className="ms-Image-image ms-Image-image--portrait is-notLoaded is-fadeIn image-87"
                    key="fabricImage"
                    onError={[Function]}
                    onLoad={[Function]}
                    src=""
                  />
                </div>
              </ImageBase>
            </StyledImageBase>
            <Text
              className="addNewParamStyle"
              key=".0:$.1"
            >
              <span
                className="addNewParamStyle css-88"
              >
                Add New Param
              </span>
            </Text>
          </div>
        </Stack>
      </div>
      <PanelFooterComponent
        buttonLabel="Execute"
        isButtonDisabled={false}
      >
        <div
          className="panelFooter"
        >
          <CustomizedPrimaryButton
            ariaLabel="Execute"
            disabled={false}
            id="sidePanelOkButton"
            text="Execute"
            type="submit"
          >
            <PrimaryButton
              ariaLabel="Execute"
              disabled={false}
              id="sidePanelOkButton"
              text="Execute"
              theme={
                Object {
                  "disableGlobalClassNames": false,
                  "effects": Object {
                    "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
                    "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                    "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
                    "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                    "roundedCorner2": "2px",
                    "roundedCorner4": "4px",
                    "roundedCorner6": "6px",
                  },
                  "fonts": Object {
                    "large": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "18px",
                      "fontWeight": 400,
                    },
                    "medium": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "14px",
                      "fontWeight": 400,
                    },
                    "mediumPlus": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "16px",
                      "fontWeight": 400,
                    },
                    "mega": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "68px",
                      "fontWeight": 600,
                    },
                    "small": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "12px",
                      "fontWeight": 400,
                    },
                    "smallPlus": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "12px",
                      "fontWeight": 400,
                    },
                    "superLarge": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "42px",
                      "fontWeight": 600,
                    },
                    "tiny": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "10px",
                      "fontWeight": 400,
                    },
                    "xLarge": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "20px",
                      "fontWeight": 600,
                    },
                    "xLargePlus": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "24px",
                      "fontWeight": 600,
                    },
                    "xSmall": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "10px",
                      "fontWeight": 400,
                    },
                    "xxLarge": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "28px",
                      "fontWeight": 600,
                    },
                    "xxLargePlus": Object {
                      "MozOsxFontSmoothing": "grayscale",
                      "WebkitFontSmoothing": "antialiased",
                      "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                      "fontSize": "32px",
                      "fontWeight": 600,
                    },
                  },
                  "isInverted": false,
                  "palette": Object {
                    "accent": "#0078d4",
                    "black": "#000000",
                    "blackTranslucent40": "rgba(0,0,0,.4)",
                    "blue": "#0078d4",
                    "blueDark": "#002050",
                    "blueLight": "#00bcf2",
                    "blueMid": "#00188f",
                    "green": "#107c10",
                    "greenDark": "#004b1c",
                    "greenLight": "#bad80a",
                    "magenta": "#b4009e",
                    "magentaDark": "#5c005c",
                    "magentaLight": "#e3008c",
                    "neutralDark": "#201f1e",
                    "neutralLight": "#edebe9",
                    "neutralLighter": "#f3f2f1",
                    "neutralLighterAlt": "#faf9f8",
                    "neutralPrimary": "#323130",
                    "neutralPrimaryAlt": "#3b3a39",
                    "neutralQuaternary": "#d2d0ce",
                    "neutralQuaternaryAlt": "#e1dfdd",
                    "neutralSecondary": "#605e5c",
                    "neutralSecondaryAlt": "#8a8886",
                    "neutralTertiary": "#a19f9d",
                    "neutralTertiaryAlt": "#c8c6c4",
                    "orange": "#d83b01",
                    "orangeLight": "#ea4300",
                    "orangeLighter": "#ff8c00",
                    "purple": "#5c2d91",
                    "purpleDark": "#32145a",
                    "purpleLight": "#b4a0ff",
                    "red": "#e81123",
                    "redDark": "#a4262c",
                    "teal": "#008272",
                    "tealDark": "#004b50",
                    "tealLight": "#00b294",
                    "themeDark": "#005a9e",
                    "themeDarkAlt": "#106ebe",
                    "themeDarker": "#004578",
                    "themeLight": "#c7e0f4",
                    "themeLighter": "#deecf9",
                    "themeLighterAlt": "#eff6fc",
                    "themePrimary": "#0078d4",
                    "themeSecondary": "#2b88d8",
                    "themeTertiary": "#71afe5",
                    "white": "#ffffff",
                    "whiteTranslucent40": "rgba(255,255,255,.4)",
                    "yellow": "#ffb900",
                    "yellowDark": "#d29200",
                    "yellowLight": "#fff100",
                  },
                  "rtl": undefined,
                  "semanticColors": Object {
                    "accentButtonBackground": "#0078d4",
                    "accentButtonText": "#ffffff",
                    "actionLink": "#323130",
                    "actionLinkHovered": "#201f1e",
                    "blockingBackground": "#FDE7E9",
                    "blockingIcon": "#FDE7E9",
                    "bodyBackground": "#ffffff",
                    "bodyBackgroundChecked": "#edebe9",
                    "bodyBackgroundHovered": "#f3f2f1",
                    "bodyDivider": "#edebe9",
                    "bodyFrameBackground": "#ffffff",
                    "bodyFrameDivider": "#edebe9",
                    "bodyStandoutBackground": "#faf9f8",
                    "bodySubtext": "#605e5c",
                    "bodyText": "#323130",
                    "bodyTextChecked": "#000000",
                    "buttonBackground": "#ffffff",
                    "buttonBackgroundChecked": "#c8c6c4",
                    "buttonBackgroundCheckedHovered": "#edebe9",
                    "buttonBackgroundDisabled": "#f3f2f1",
                    "buttonBackgroundHovered": "#f3f2f1",
                    "buttonBackgroundPressed": "#edebe9",
                    "buttonBorder": "#8a8886",
                    "buttonBorderDisabled": "#f3f2f1",
                    "buttonText": "#323130",
                    "buttonTextChecked": "#201f1e",
                    "buttonTextCheckedHovered": "#000000",
                    "buttonTextDisabled": "#a19f9d",
                    "buttonTextHovered": "#201f1e",
                    "buttonTextPressed": "#201f1e",
                    "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                    "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                    "cardStandoutBackground": "#ffffff",
                    "defaultStateBackground": "#faf9f8",
                    "disabledBackground": "#f3f2f1",
                    "disabledBodySubtext": "#c8c6c4",
                    "disabledBodyText": "#a19f9d",
                    "disabledBorder": "#c8c6c4",
                    "disabledSubtext": "#d2d0ce",
                    "disabledText": "#a19f9d",
                    "errorBackground": "#FDE7E9",
                    "errorIcon": "#A80000",
                    "errorText": "#a4262c",
                    "focusBorder": "#605e5c",
                    "infoBackground": "#f3f2f1",
                    "infoIcon": "#605e5c",
                    "inputBackground": "#ffffff",
                    "inputBackgroundChecked": "#0078d4",
                    "inputBackgroundCheckedHovered": "#005a9e",
                    "inputBorder": "#605e5c",
                    "inputBorderHovered": "#323130",
                    "inputFocusBorderAlt": "#0078d4",
                    "inputForegroundChecked": "#ffffff",
                    "inputIcon": "#0078d4",
                    "inputIconDisabled": "#a19f9d",
                    "inputIconHovered": "#005a9e",
                    "inputPlaceholderBackgroundChecked": "#deecf9",
                    "inputPlaceholderText": "#605e5c",
                    "inputText": "#323130",
                    "inputTextHovered": "#201f1e",
                    "link": "#0078d4",
                    "linkHovered": "#004578",
                    "listBackground": "#ffffff",
                    "listHeaderBackgroundHovered": "#f3f2f1",
                    "listHeaderBackgroundPressed": "#edebe9",
                    "listItemBackgroundChecked": "#edebe9",
                    "listItemBackgroundCheckedHovered": "#e1dfdd",
                    "listItemBackgroundHovered": "#f3f2f1",
                    "listText": "#323130",
                    "listTextColor": "#323130",
                    "menuBackground": "#ffffff",
                    "menuDivider": "#c8c6c4",
                    "menuHeader": "#0078d4",
                    "menuIcon": "#0078d4",
                    "menuItemBackgroundChecked": "#edebe9",
                    "menuItemBackgroundHovered": "#f3f2f1",
                    "menuItemBackgroundPressed": "#edebe9",
                    "menuItemText": "#323130",
                    "menuItemTextHovered": "#201f1e",
                    "messageLink": "#005A9E",
                    "messageLinkHovered": "#004578",
                    "messageText": "#323130",
                    "primaryButtonBackground": "#0078d4",
                    "primaryButtonBackgroundDisabled": "#f3f2f1",
                    "primaryButtonBackgroundHovered": "#106ebe",
                    "primaryButtonBackgroundPressed": "#005a9e",
                    "primaryButtonBorder": "transparent",
                    "primaryButtonText": "#ffffff",
                    "primaryButtonTextDisabled": "#d2d0ce",
                    "primaryButtonTextHovered": "#ffffff",
                    "primaryButtonTextPressed": "#ffffff",
                    "severeWarningBackground": "#FED9CC",
                    "severeWarningIcon": "#D83B01",
                    "smallInputBorder": "#605e5c",
                    "successBackground": "#DFF6DD",
                    "successIcon": "#107C10",
                    "successText": "#107C10",
                    "variantBorder": "#edebe9",
                    "variantBorderHovered": "#a19f9d",
                    "warningBackground": "#FFF4CE",
                    "warningHighlight": "#ffb900",
                    "warningIcon": "#797775",
                    "warningText": "#323130",
                  },
                  "spacing": Object {
                    "l1": "20px",
                    "l2": "32px",
                    "m": "16px",
                    "s1": "8px",
                    "s2": "4px",
                  },
                }
              }
              type="submit"
            >
              <CustomizedDefaultButton
                ariaLabel="Execute"
                disabled={false}
                id="sidePanelOkButton"
                onRenderDescription={[Function]}
                primary={true}
                text="Execute"
                theme={
                  Object {
                    "disableGlobalClassNames": false,
                    "effects": Object {
                      "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
                      "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                      "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
                      "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                      "roundedCorner2": "2px",
                      "roundedCorner4": "4px",
                      "roundedCorner6": "6px",
                    },
                    "fonts": Object {
                      "large": Object {
                        "MozOsxFontSmoothing": "grayscale",
                        "WebkitFontSmoothing": "antialiased",
                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                        "fontSize": "18px",
                        "fontWeight": 400,
                      },
                      "medium": Object {
                        "MozOsxFontSmoothing": "grayscale",
                        "WebkitFontSmoothing": "antialiased",
                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                        "fontSize": "14px",
                        "fontWeight": 400,
                      },
                      "mediumPlus": Object {
                        "MozOsxFontSmoothing": "grayscale",
                        "WebkitFontSmoothing": "antialiased",
                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                        "fontSize": "16px",
                        "fontWeight": 400,
                      },
                      "mega": Object {
                        "MozOsxFontSmoothing": "grayscale",
                        "WebkitFontSmoothing": "antialiased",
                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                        "fontSize": "68px",
                        "fontWeight": 600,
                      },
                      "small": Object {
                        "MozOsxFontSmoothing": "grayscale",
                        "WebkitFontSmoothing": "antialiased",
                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                        "fontSize": "12px",
                        "fontWeight": 400,
                      },
                      "smallPlus": Object {
                        "MozOsxFontSmoothing": "grayscale",
                        "WebkitFontSmoothing": "antialiased",
                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                        "fontSize": "12px",
                        "fontWeight": 400,
                      },
                      "superLarge": Object {
                        "MozOsxFontSmoothing": "grayscale",
                        "WebkitFontSmoothing": "antialiased",
                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                        "fontSize": "42px",
                        "fontWeight": 600,
                      },
                      "tiny": Object {
                        "MozOsxFontSmoothing": "grayscale",
                        "WebkitFontSmoothing": "antialiased",
                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                        "fontSize": "10px",
                        "fontWeight": 400,
                      },
                      "xLarge": Object {
                        "MozOsxFontSmoothing": "grayscale",
                        "WebkitFontSmoothing": "antialiased",
                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                        "fontSize": "20px",
                        "fontWeight": 600,
                      },
                      "xLargePlus": Object {
                        "MozOsxFontSmoothing": "grayscale",
                        "WebkitFontSmoothing": "antialiased",
                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                        "fontSize": "24px",
                        "fontWeight": 600,
                      },
                      "xSmall": Object {
                        "MozOsxFontSmoothing": "grayscale",
                        "WebkitFontSmoothing": "antialiased",
                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                        "fontSize": "10px",
                        "fontWeight": 400,
                      },
                      "xxLarge": Object {
                        "MozOsxFontSmoothing": "grayscale",
                        "WebkitFontSmoothing": "antialiased",
                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                        "fontSize": "28px",
                        "fontWeight": 600,
                      },
                      "xxLargePlus": Object {
                        "MozOsxFontSmoothing": "grayscale",
                        "WebkitFontSmoothing": "antialiased",
                        "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                        "fontSize": "32px",
                        "fontWeight": 600,
                      },
                    },
                    "isInverted": false,
                    "palette": Object {
                      "accent": "#0078d4",
                      "black": "#000000",
                      "blackTranslucent40": "rgba(0,0,0,.4)",
                      "blue": "#0078d4",
                      "blueDark": "#002050",
                      "blueLight": "#00bcf2",
                      "blueMid": "#00188f",
                      "green": "#107c10",
                      "greenDark": "#004b1c",
                      "greenLight": "#bad80a",
                      "magenta": "#b4009e",
                      "magentaDark": "#5c005c",
                      "magentaLight": "#e3008c",
                      "neutralDark": "#201f1e",
                      "neutralLight": "#edebe9",
                      "neutralLighter": "#f3f2f1",
                      "neutralLighterAlt": "#faf9f8",
                      "neutralPrimary": "#323130",
                      "neutralPrimaryAlt": "#3b3a39",
                      "neutralQuaternary": "#d2d0ce",
                      "neutralQuaternaryAlt": "#e1dfdd",
                      "neutralSecondary": "#605e5c",
                      "neutralSecondaryAlt": "#8a8886",
                      "neutralTertiary": "#a19f9d",
                      "neutralTertiaryAlt": "#c8c6c4",
                      "orange": "#d83b01",
                      "orangeLight": "#ea4300",
                      "orangeLighter": "#ff8c00",
                      "purple": "#5c2d91",
                      "purpleDark": "#32145a",
                      "purpleLight": "#b4a0ff",
                      "red": "#e81123",
                      "redDark": "#a4262c",
                      "teal": "#008272",
                      "tealDark": "#004b50",
                      "tealLight": "#00b294",
                      "themeDark": "#005a9e",
                      "themeDarkAlt": "#106ebe",
                      "themeDarker": "#004578",
                      "themeLight": "#c7e0f4",
                      "themeLighter": "#deecf9",
                      "themeLighterAlt": "#eff6fc",
                      "themePrimary": "#0078d4",
                      "themeSecondary": "#2b88d8",
                      "themeTertiary": "#71afe5",
                      "white": "#ffffff",
                      "whiteTranslucent40": "rgba(255,255,255,.4)",
                      "yellow": "#ffb900",
                      "yellowDark": "#d29200",
                      "yellowLight": "#fff100",
                    },
                    "rtl": undefined,
                    "semanticColors": Object {
                      "accentButtonBackground": "#0078d4",
                      "accentButtonText": "#ffffff",
                      "actionLink": "#323130",
                      "actionLinkHovered": "#201f1e",
                      "blockingBackground": "#FDE7E9",
                      "blockingIcon": "#FDE7E9",
                      "bodyBackground": "#ffffff",
                      "bodyBackgroundChecked": "#edebe9",
                      "bodyBackgroundHovered": "#f3f2f1",
                      "bodyDivider": "#edebe9",
                      "bodyFrameBackground": "#ffffff",
                      "bodyFrameDivider": "#edebe9",
                      "bodyStandoutBackground": "#faf9f8",
                      "bodySubtext": "#605e5c",
                      "bodyText": "#323130",
                      "bodyTextChecked": "#000000",
                      "buttonBackground": "#ffffff",
                      "buttonBackgroundChecked": "#c8c6c4",
                      "buttonBackgroundCheckedHovered": "#edebe9",
                      "buttonBackgroundDisabled": "#f3f2f1",
                      "buttonBackgroundHovered": "#f3f2f1",
                      "buttonBackgroundPressed": "#edebe9",
                      "buttonBorder": "#8a8886",
                      "buttonBorderDisabled": "#f3f2f1",
                      "buttonText": "#323130",
                      "buttonTextChecked": "#201f1e",
                      "buttonTextCheckedHovered": "#000000",
                      "buttonTextDisabled": "#a19f9d",
                      "buttonTextHovered": "#201f1e",
                      "buttonTextPressed": "#201f1e",
                      "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                      "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                      "cardStandoutBackground": "#ffffff",
                      "defaultStateBackground": "#faf9f8",
                      "disabledBackground": "#f3f2f1",
                      "disabledBodySubtext": "#c8c6c4",
                      "disabledBodyText": "#a19f9d",
                      "disabledBorder": "#c8c6c4",
                      "disabledSubtext": "#d2d0ce",
                      "disabledText": "#a19f9d",
                      "errorBackground": "#FDE7E9",
                      "errorIcon": "#A80000",
                      "errorText": "#a4262c",
                      "focusBorder": "#605e5c",
                      "infoBackground": "#f3f2f1",
                      "infoIcon": "#605e5c",
                      "inputBackground": "#ffffff",
                      "inputBackgroundChecked": "#0078d4",
                      "inputBackgroundCheckedHovered": "#005a9e",
                      "inputBorder": "#605e5c",
                      "inputBorderHovered": "#323130",
                      "inputFocusBorderAlt": "#0078d4",
                      "inputForegroundChecked": "#ffffff",
                      "inputIcon": "#0078d4",
                      "inputIconDisabled": "#a19f9d",
                      "inputIconHovered": "#005a9e",
                      "inputPlaceholderBackgroundChecked": "#deecf9",
                      "inputPlaceholderText": "#605e5c",
                      "inputText": "#323130",
                      "inputTextHovered": "#201f1e",
                      "link": "#0078d4",
                      "linkHovered": "#004578",
                      "listBackground": "#ffffff",
                      "listHeaderBackgroundHovered": "#f3f2f1",
                      "listHeaderBackgroundPressed": "#edebe9",
                      "listItemBackgroundChecked": "#edebe9",
                      "listItemBackgroundCheckedHovered": "#e1dfdd",
                      "listItemBackgroundHovered": "#f3f2f1",
                      "listText": "#323130",
                      "listTextColor": "#323130",
                      "menuBackground": "#ffffff",
                      "menuDivider": "#c8c6c4",
                      "menuHeader": "#0078d4",
                      "menuIcon": "#0078d4",
                      "menuItemBackgroundChecked": "#edebe9",
                      "menuItemBackgroundHovered": "#f3f2f1",
                      "menuItemBackgroundPressed": "#edebe9",
                      "menuItemText": "#323130",
                      "menuItemTextHovered": "#201f1e",
                      "messageLink": "#005A9E",
                      "messageLinkHovered": "#004578",
                      "messageText": "#323130",
                      "primaryButtonBackground": "#0078d4",
                      "primaryButtonBackgroundDisabled": "#f3f2f1",
                      "primaryButtonBackgroundHovered": "#106ebe",
                      "primaryButtonBackgroundPressed": "#005a9e",
                      "primaryButtonBorder": "transparent",
                      "primaryButtonText": "#ffffff",
                      "primaryButtonTextDisabled": "#d2d0ce",
                      "primaryButtonTextHovered": "#ffffff",
                      "primaryButtonTextPressed": "#ffffff",
                      "severeWarningBackground": "#FED9CC",
                      "severeWarningIcon": "#D83B01",
                      "smallInputBorder": "#605e5c",
                      "successBackground": "#DFF6DD",
                      "successIcon": "#107C10",
                      "successText": "#107C10",
                      "variantBorder": "#edebe9",
                      "variantBorderHovered": "#a19f9d",
                      "warningBackground": "#FFF4CE",
                      "warningHighlight": "#ffb900",
                      "warningIcon": "#797775",
                      "warningText": "#323130",
                    },
                    "spacing": Object {
                      "l1": "20px",
                      "l2": "32px",
                      "m": "16px",
                      "s1": "8px",
                      "s2": "4px",
                    },
                  }
                }
                type="submit"
              >
                <DefaultButton
                  ariaLabel="Execute"
                  disabled={false}
                  id="sidePanelOkButton"
                  onRenderDescription={[Function]}
                  primary={true}
                  text="Execute"
                  theme={
                    Object {
                      "disableGlobalClassNames": false,
                      "effects": Object {
                        "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
                        "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                        "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
                        "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                        "roundedCorner2": "2px",
                        "roundedCorner4": "4px",
                        "roundedCorner6": "6px",
                      },
                      "fonts": Object {
                        "large": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "18px",
                          "fontWeight": 400,
                        },
                        "medium": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "14px",
                          "fontWeight": 400,
                        },
                        "mediumPlus": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "16px",
                          "fontWeight": 400,
                        },
                        "mega": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "68px",
                          "fontWeight": 600,
                        },
                        "small": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "12px",
                          "fontWeight": 400,
                        },
                        "smallPlus": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "12px",
                          "fontWeight": 400,
                        },
                        "superLarge": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "42px",
                          "fontWeight": 600,
                        },
                        "tiny": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "10px",
                          "fontWeight": 400,
                        },
                        "xLarge": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "20px",
                          "fontWeight": 600,
                        },
                        "xLargePlus": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "24px",
                          "fontWeight": 600,
                        },
                        "xSmall": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "10px",
                          "fontWeight": 400,
                        },
                        "xxLarge": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "28px",
                          "fontWeight": 600,
                        },
                        "xxLargePlus": Object {
                          "MozOsxFontSmoothing": "grayscale",
                          "WebkitFontSmoothing": "antialiased",
                          "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                          "fontSize": "32px",
                          "fontWeight": 600,
                        },
                      },
                      "isInverted": false,
                      "palette": Object {
                        "accent": "#0078d4",
                        "black": "#000000",
                        "blackTranslucent40": "rgba(0,0,0,.4)",
                        "blue": "#0078d4",
                        "blueDark": "#002050",
                        "blueLight": "#00bcf2",
                        "blueMid": "#00188f",
                        "green": "#107c10",
                        "greenDark": "#004b1c",
                        "greenLight": "#bad80a",
                        "magenta": "#b4009e",
                        "magentaDark": "#5c005c",
                        "magentaLight": "#e3008c",
                        "neutralDark": "#201f1e",
                        "neutralLight": "#edebe9",
                        "neutralLighter": "#f3f2f1",
                        "neutralLighterAlt": "#faf9f8",
                        "neutralPrimary": "#323130",
                        "neutralPrimaryAlt": "#3b3a39",
                        "neutralQuaternary": "#d2d0ce",
                        "neutralQuaternaryAlt": "#e1dfdd",
                        "neutralSecondary": "#605e5c",
                        "neutralSecondaryAlt": "#8a8886",
                        "neutralTertiary": "#a19f9d",
                        "neutralTertiaryAlt": "#c8c6c4",
                        "orange": "#d83b01",
                        "orangeLight": "#ea4300",
                        "orangeLighter": "#ff8c00",
                        "purple": "#5c2d91",
                        "purpleDark": "#32145a",
                        "purpleLight": "#b4a0ff",
                        "red": "#e81123",
                        "redDark": "#a4262c",
                        "teal": "#008272",
                        "tealDark": "#004b50",
                        "tealLight": "#00b294",
                        "themeDark": "#005a9e",
                        "themeDarkAlt": "#106ebe",
                        "themeDarker": "#004578",
                        "themeLight": "#c7e0f4",
                        "themeLighter": "#deecf9",
                        "themeLighterAlt": "#eff6fc",
                        "themePrimary": "#0078d4",
                        "themeSecondary": "#2b88d8",
                        "themeTertiary": "#71afe5",
                        "white": "#ffffff",
                        "whiteTranslucent40": "rgba(255,255,255,.4)",
                        "yellow": "#ffb900",
                        "yellowDark": "#d29200",
                        "yellowLight": "#fff100",
                      },
                      "rtl": undefined,
                      "semanticColors": Object {
                        "accentButtonBackground": "#0078d4",
                        "accentButtonText": "#ffffff",
                        "actionLink": "#323130",
                        "actionLinkHovered": "#201f1e",
                        "blockingBackground": "#FDE7E9",
                        "blockingIcon": "#FDE7E9",
                        "bodyBackground": "#ffffff",
                        "bodyBackgroundChecked": "#edebe9",
                        "bodyBackgroundHovered": "#f3f2f1",
                        "bodyDivider": "#edebe9",
                        "bodyFrameBackground": "#ffffff",
                        "bodyFrameDivider": "#edebe9",
                        "bodyStandoutBackground": "#faf9f8",
                        "bodySubtext": "#605e5c",
                        "bodyText": "#323130",
                        "bodyTextChecked": "#000000",
                        "buttonBackground": "#ffffff",
                        "buttonBackgroundChecked": "#c8c6c4",
                        "buttonBackgroundCheckedHovered": "#edebe9",
                        "buttonBackgroundDisabled": "#f3f2f1",
                        "buttonBackgroundHovered": "#f3f2f1",
                        "buttonBackgroundPressed": "#edebe9",
                        "buttonBorder": "#8a8886",
                        "buttonBorderDisabled": "#f3f2f1",
                        "buttonText": "#323130",
                        "buttonTextChecked": "#201f1e",
                        "buttonTextCheckedHovered": "#000000",
                        "buttonTextDisabled": "#a19f9d",
                        "buttonTextHovered": "#201f1e",
                        "buttonTextPressed": "#201f1e",
                        "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                        "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                        "cardStandoutBackground": "#ffffff",
                        "defaultStateBackground": "#faf9f8",
                        "disabledBackground": "#f3f2f1",
                        "disabledBodySubtext": "#c8c6c4",
                        "disabledBodyText": "#a19f9d",
                        "disabledBorder": "#c8c6c4",
                        "disabledSubtext": "#d2d0ce",
                        "disabledText": "#a19f9d",
                        "errorBackground": "#FDE7E9",
                        "errorIcon": "#A80000",
                        "errorText": "#a4262c",
                        "focusBorder": "#605e5c",
                        "infoBackground": "#f3f2f1",
                        "infoIcon": "#605e5c",
                        "inputBackground": "#ffffff",
                        "inputBackgroundChecked": "#0078d4",
                        "inputBackgroundCheckedHovered": "#005a9e",
                        "inputBorder": "#605e5c",
                        "inputBorderHovered": "#323130",
                        "inputFocusBorderAlt": "#0078d4",
                        "inputForegroundChecked": "#ffffff",
                        "inputIcon": "#0078d4",
                        "inputIconDisabled": "#a19f9d",
                        "inputIconHovered": "#005a9e",
                        "inputPlaceholderBackgroundChecked": "#deecf9",
                        "inputPlaceholderText": "#605e5c",
                        "inputText": "#323130",
                        "inputTextHovered": "#201f1e",
                        "link": "#0078d4",
                        "linkHovered": "#004578",
                        "listBackground": "#ffffff",
                        "listHeaderBackgroundHovered": "#f3f2f1",
                        "listHeaderBackgroundPressed": "#edebe9",
                        "listItemBackgroundChecked": "#edebe9",
                        "listItemBackgroundCheckedHovered": "#e1dfdd",
                        "listItemBackgroundHovered": "#f3f2f1",
                        "listText": "#323130",
                        "listTextColor": "#323130",
                        "menuBackground": "#ffffff",
                        "menuDivider": "#c8c6c4",
                        "menuHeader": "#0078d4",
                        "menuIcon": "#0078d4",
                        "menuItemBackgroundChecked": "#edebe9",
                        "menuItemBackgroundHovered": "#f3f2f1",
                        "menuItemBackgroundPressed": "#edebe9",
                        "menuItemText": "#323130",
                        "menuItemTextHovered": "#201f1e",
                        "messageLink": "#005A9E",
                        "messageLinkHovered": "#004578",
                        "messageText": "#323130",
                        "primaryButtonBackground": "#0078d4",
                        "primaryButtonBackgroundDisabled": "#f3f2f1",
                        "primaryButtonBackgroundHovered": "#106ebe",
                        "primaryButtonBackgroundPressed": "#005a9e",
                        "primaryButtonBorder": "transparent",
                        "primaryButtonText": "#ffffff",
                        "primaryButtonTextDisabled": "#d2d0ce",
                        "primaryButtonTextHovered": "#ffffff",
                        "primaryButtonTextPressed": "#ffffff",
                        "severeWarningBackground": "#FED9CC",
                        "severeWarningIcon": "#D83B01",
                        "smallInputBorder": "#605e5c",
                        "successBackground": "#DFF6DD",
                        "successIcon": "#107C10",
                        "successText": "#107C10",
                        "variantBorder": "#edebe9",
                        "variantBorderHovered": "#a19f9d",
                        "warningBackground": "#FFF4CE",
                        "warningHighlight": "#ffb900",
                        "warningIcon": "#797775",
                        "warningText": "#323130",
                      },
                      "spacing": Object {
                        "l1": "20px",
                        "l2": "32px",
                        "m": "16px",
                        "s1": "8px",
                        "s2": "4px",
                      },
                    }
                  }
                  type="submit"
                >
                  <BaseButton
                    ariaLabel="Execute"
                    baseClassName="ms-Button"
                    disabled={false}
                    id="sidePanelOkButton"
                    onRenderDescription={[Function]}
                    primary={true}
                    split={false}
                    styles={
                      Object {
                        "description": Object {
                          "display": "block",
                        },
                        "flexContainer": Object {
                          "alignItems": "center",
                          "display": "flex",
                          "flexWrap": "nowrap",
                          "height": "100%",
                          "justifyContent": "center",
                        },
                        "icon": Object {
                          "flexShrink": 0,
                          "fontSize": "16px",
                          "height": "16px",
                          "lineHeight": "16px",
                          "margin": "0 4px",
                          "textAlign": "center",
                        },
                        "iconDisabled": Object {
                          "color": "#a19f9d",
                          "selectors": Object {
                            "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
                              "color": "GrayText",
                            },
                          },
                        },
                        "label": Array [
                          Object {
                            "display": "block",
                            "lineHeight": "100%",
                            "margin": "0 4px",
                          },
                          Object {
                            "fontWeight": 600,
                          },
                        ],
                        "menuIcon": Object {
                          "flexShrink": 0,
                          "fontSize": "12px",
                          "height": "16px",
                          "lineHeight": "16px",
                          "margin": "0 4px",
                          "textAlign": "center",
                        },
                        "menuIconDisabled": Object {
                          "color": "#a19f9d",
                          "selectors": Object {
                            "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
                              "color": "GrayText",
                            },
                          },
                        },
                        "root": Array [
                          Object {
                            "outline": "transparent",
                            "position": "relative",
                            "selectors": Object {
                              ".ms-Fabric--isFocusVisible &:focus:after": Object {
                                "border": "1px solid transparent",
                                "bottom": 2,
                                "content": "\\"\\"",
                                "left": 2,
                                "outline": "1px solid #605e5c",
                                "position": "absolute",
                                "right": 2,
                                "selectors": Object {
                                  "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
                                    "bottom": -2,
                                    "left": -2,
                                    "outlineColor": "ButtonText",
                                    "right": -2,
                                    "top": -2,
                                  },
                                },
                                "top": 2,
                                "zIndex": 1,
                              },
                              "::-moz-focus-inner": Object {
                                "border": "0",
                              },
                            },
                          },
                          Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "14px",
                            "fontWeight": 400,
                          },
                          Object {
                            "border": "1px solid #8a8886",
                            "borderRadius": "2px",
                            "boxSizing": "border-box",
                            "cursor": "pointer",
                            "display": "inline-block",
                            "padding": "0 16px",
                            "selectors": Object {
                              ":active > *": Object {
                                "left": 0,
                                "position": "relative",
                                "top": 0,
                              },
                            },
                            "textAlign": "center",
                            "textDecoration": "none",
                            "userSelect": "none",
                          },
                          Object {
                            "height": "32px",
                            "minWidth": "80px",
                          },
                          Object {
                            "backgroundColor": "#0078d4",
                            "border": "1px solid #0078d4",
                            "color": "#ffffff",
                            "selectors": Object {
                              ".ms-Fabric--isFocusVisible &:focus": Object {
                                "selectors": Object {
                                  ":after": Object {
                                    "border": "none",
                                    "outlineColor": "#ffffff",
                                  },
                                },
                              },
                              "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
                                "MsHighContrastAdjust": "none",
                                "backgroundColor": "WindowText",
                                "borderColor": "WindowText",
                                "color": "Window",
                                "forcedColorAdjust": "none",
                              },
                            },
                          },
                        ],
                        "rootChecked": Object {
                          "backgroundColor": "#005a9e",
                          "color": "#ffffff",
                        },
                        "rootCheckedHovered": Object {
                          "backgroundColor": "#005a9e",
                          "color": "#ffffff",
                        },
                        "rootDisabled": Array [
                          Object {
                            "outline": "transparent",
                            "position": "relative",
                            "selectors": Object {
                              ".ms-Fabric--isFocusVisible &:focus:after": Object {
                                "border": "1px solid transparent",
                                "bottom": 2,
                                "content": "\\"\\"",
                                "left": 2,
                                "outline": "1px solid #605e5c",
                                "position": "absolute",
                                "right": 2,
                                "selectors": Object {
                                  "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
                                    "bottom": -2,
                                    "left": -2,
                                    "outlineColor": "ButtonText",
                                    "right": -2,
                                    "top": -2,
                                  },
                                },
                                "top": 2,
                                "zIndex": 1,
                              },
                              "::-moz-focus-inner": Object {
                                "border": "0",
                              },
                            },
                          },
                          Object {
                            "backgroundColor": "#f3f2f1",
                            "borderColor": "#f3f2f1",
                            "color": "#a19f9d",
                            "cursor": "default",
                            "selectors": Object {
                              ":focus": Object {
                                "outline": 0,
                              },
                              ":hover": Object {
                                "outline": 0,
                              },
                            },
                          },
                          Object {
                            "backgroundColor": "#f3f2f1",
                            "color": "#d2d0ce",
                            "selectors": Object {
                              "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
                                "backgroundColor": "Window",
                                "borderColor": "GrayText",
                                "color": "GrayText",
                              },
                            },
                          },
                        ],
                        "rootExpanded": Object {
                          "backgroundColor": "#005a9e",
                          "color": "#ffffff",
                        },
                        "rootHovered": Object {
                          "backgroundColor": "#106ebe",
                          "border": "1px solid #106ebe",
                          "color": "#ffffff",
                          "selectors": Object {
                            "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
                              "backgroundColor": "Highlight",
                              "borderColor": "Highlight",
                              "color": "Window",
                            },
                          },
                        },
                        "rootPressed": Object {
                          "backgroundColor": "#005a9e",
                          "border": "1px solid #005a9e",
                          "color": "#ffffff",
                          "selectors": Object {
                            "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
                              "MsHighContrastAdjust": "none",
                              "backgroundColor": "WindowText",
                              "borderColor": "WindowText",
                              "color": "Window",
                              "forcedColorAdjust": "none",
                            },
                          },
                        },
                        "screenReaderText": Object {
                          "border": 0,
                          "height": 1,
                          "margin": -1,
                          "overflow": "hidden",
                          "padding": 0,
                          "position": "absolute",
                          "width": 1,
                        },
                        "splitButtonContainer": Array [
                          Object {
                            "selectors": Object {
                              "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
                                "border": "none",
                              },
                            },
                          },
                          Object {
                            "outline": "transparent",
                            "position": "relative",
                            "selectors": Object {
                              ".ms-Fabric--isFocusVisible &:focus:after": Object {
                                "border": "1px solid #ffffff",
                                "bottom": 3,
                                "content": "\\"\\"",
                                "left": 3,
                                "outline": "1px solid #605e5c",
                                "position": "absolute",
                                "right": 3,
                                "selectors": Object {
                                  "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
                                    "border": "none",
                                    "bottom": -2,
                                    "left": -2,
                                    "right": -2,
                                    "top": -2,
                                  },
                                },
                                "top": 3,
                                "zIndex": 1,
                              },
                              "::-moz-focus-inner": Object {
                                "border": "0",
                              },
                            },
                          },
                          Object {
                            "display": "inline-flex",
                            "selectors": Object {
                              ".ms-Button--default": Object {
                                "borderBottomRightRadius": "0",
                                "borderRight": "none",
                                "borderTopRightRadius": "0",
                              },
                              ".ms-Button--primary": Object {
                                "border": "none",
                                "borderBottomRightRadius": "0",
                                "borderTopRightRadius": "0",
                                "selectors": Object {
                                  "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
                                    "MsHighContrastAdjust": "none",
                                    "backgroundColor": "Window",
                                    "border": "1px solid WindowText",
                                    "borderRightWidth": "0",
                                    "color": "WindowText",
                                    "forcedColorAdjust": "none",
                                  },
                                },
                              },
                              ".ms-Button--primary + .ms-Button": Object {
                                "border": "none",
                                "selectors": Object {
                                  "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
                                    "border": "1px solid WindowText",
                                    "borderLeftWidth": "0",
                                  },
                                },
                              },
                            },
                          },
                        ],
                        "splitButtonContainerChecked": Object {
                          "selectors": Object {
                            ".ms-Button--primary": Object {
                              "selectors": Object {
                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
                                  "MsHighContrastAdjust": "none",
                                  "backgroundColor": "WindowText",
                                  "color": "Window",
                                  "forcedColorAdjust": "none",
                                },
                              },
                            },
                          },
                        },
                        "splitButtonContainerCheckedHovered": Object {
                          "selectors": Object {
                            ".ms-Button--primary": Object {
                              "selectors": Object {
                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
                                  "MsHighContrastAdjust": "none",
                                  "backgroundColor": "WindowText",
                                  "color": "Window",
                                  "forcedColorAdjust": "none",
                                },
                              },
                            },
                          },
                        },
                        "splitButtonContainerDisabled": Object {
                          "border": "none",
                          "outline": "none",
                          "selectors": Object {
                            "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
                              "MsHighContrastAdjust": "none",
                              "backgroundColor": "Window",
                              "borderColor": "GrayText",
                              "color": "GrayText",
                              "forcedColorAdjust": "none",
                            },
                          },
                        },
                        "splitButtonContainerFocused": Object {
                          "outline": "none!important",
                        },
                        "splitButtonContainerHovered": Object {
                          "selectors": Object {
                            ".ms-Button--primary": Object {
                              "selectors": Object {
                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
                                  "backgroundColor": "Highlight",
                                  "color": "Window",
                                },
                              },
                            },
                            ".ms-Button.is-disabled": Object {
                              "color": "#a19f9d",
                              "selectors": Object {
                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
                                  "backgroundColor": "Window",
                                  "borderColor": "GrayText",
                                  "color": "GrayText",
                                },
                              },
                            },
                          },
                        },
                        "splitButtonDivider": Array [
                          Object {
                            "backgroundColor": "#ffffff",
                            "bottom": 8,
                            "position": "absolute",
                            "right": 31,
                            "selectors": Object {
                              "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
                                "backgroundColor": "Window",
                              },
                            },
                            "top": 8,
                            "width": 1,
                          },
                          Object {
                            "bottom": 8,
                            "position": "absolute",
                            "right": 31,
                            "selectors": Object {
                              "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
                                "backgroundColor": "WindowText",
                              },
                            },
                            "top": 8,
                            "width": 1,
                          },
                        ],
                        "splitButtonDividerDisabled": Object {
                          "bottom": 8,
                          "position": "absolute",
                          "right": 31,
                          "selectors": Object {
                            "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
                              "backgroundColor": "GrayText",
                            },
                          },
                          "top": 8,
                          "width": 1,
                        },
                        "splitButtonFlexContainer": Object {
                          "alignItems": "center",
                          "display": "flex",
                          "flexWrap": "nowrap",
                          "height": "100%",
                          "justifyContent": "center",
                        },
                        "splitButtonMenuButton": Array [
                          Object {
                            "backgroundColor": "#0078d4",
                            "color": "#ffffff",
                            "selectors": Object {
                              ":hover": Object {
                                "backgroundColor": "#106ebe",
                                "selectors": Object {
                                  "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
                                    "color": "Highlight",
                                  },
                                },
                              },
                              "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
                                "backgroundColor": "WindowText",
                              },
                            },
                          },
                          Object {
                            "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
                              ".ms-Button-menuIcon": Object {
                                "color": "WindowText",
                              },
                            },
                            "border": "1px solid #8a8886",
                            "borderBottomRightRadius": "2px",
                            "borderLeft": "none",
                            "borderRadius": 0,
                            "borderTopRightRadius": "2px",
                            "boxSizing": "border-box",
                            "cursor": "pointer",
                            "display": "inline-block",
                            "height": "auto",
                            "marginBottom": 0,
                            "marginLeft": -1,
                            "marginRight": 0,
                            "marginTop": 0,
                            "outline": "transparent",
                            "padding": 6,
                            "textAlign": "center",
                            "textDecoration": "none",
                            "userSelect": "none",
                            "verticalAlign": "top",
                            "width": 32,
                          },
                        ],
                        "splitButtonMenuButtonChecked": Object {
                          "backgroundColor": "#005a9e",
                          "selectors": Object {
                            ":hover": Object {
                              "backgroundColor": "#005a9e",
                            },
                          },
                        },
                        "splitButtonMenuButtonDisabled": Array [
                          Object {
                            "backgroundColor": "#f3f2f1",
                            "selectors": Object {
                              ":hover": Object {
                                "backgroundColor": "#f3f2f1",
                              },
                            },
                          },
                          Object {
                            "border": "none",
                            "pointerEvents": "none",
                            "selectors": Object {
                              ".ms-Button--primary": Object {
                                "selectors": Object {
                                  "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
                                    "backgroundColor": "Window",
                                    "borderColor": "GrayText",
                                    "color": "GrayText",
                                  },
                                },
                              },
                              ".ms-Button-menuIcon": Object {
                                "selectors": Object {
                                  "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
                                    "color": "GrayText",
                                  },
                                },
                              },
                              ":hover": Object {
                                "cursor": "default",
                              },
                              "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
                                "backgroundColor": "Window",
                                "border": "1px solid GrayText",
                                "color": "GrayText",
                              },
                            },
                          },
                        ],
                        "splitButtonMenuButtonExpanded": Object {
                          "backgroundColor": "#005a9e",
                          "selectors": Object {
                            ":hover": Object {
                              "backgroundColor": "#005a9e",
                            },
                          },
                        },
                        "splitButtonMenuFocused": Object {
                          "outline": "transparent",
                          "position": "relative",
                          "selectors": Object {
                            ".ms-Fabric--isFocusVisible &:focus:after": Object {
                              "border": "1px solid #ffffff",
                              "bottom": 3,
                              "content": "\\"\\"",
                              "left": 3,
                              "outline": "1px solid #605e5c",
                              "position": "absolute",
                              "right": 3,
                              "selectors": Object {
                                "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
                                  "border": "none",
                                  "bottom": -2,
                                  "left": -2,
                                  "right": -2,
                                  "top": -2,
                                },
                              },
                              "top": 3,
                              "zIndex": 1,
                            },
                            "::-moz-focus-inner": Object {
                              "border": "0",
                            },
                          },
                        },
                        "splitButtonMenuIcon": Object {
                          "color": "#ffffff",
                        },
                        "splitButtonMenuIconDisabled": Object {
                          "color": "#a19f9d",
                          "selectors": Object {
                            "@media screen and (-ms-high-contrast: active), (forced-colors: active)": Object {
                              "color": "GrayText",
                            },
                          },
                        },
                        "textContainer": Object {
                          "display": "block",
                          "flexGrow": 1,
                        },
                      }
                    }
                    text="Execute"
                    theme={
                      Object {
                        "disableGlobalClassNames": false,
                        "effects": Object {
                          "elevation16": "0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108)",
                          "elevation4": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                          "elevation64": "0 25.6px 57.6px 0 rgba(0, 0, 0, 0.22), 0 4.8px 14.4px 0 rgba(0, 0, 0, 0.18)",
                          "elevation8": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                          "roundedCorner2": "2px",
                          "roundedCorner4": "4px",
                          "roundedCorner6": "6px",
                        },
                        "fonts": Object {
                          "large": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "18px",
                            "fontWeight": 400,
                          },
                          "medium": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "14px",
                            "fontWeight": 400,
                          },
                          "mediumPlus": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "16px",
                            "fontWeight": 400,
                          },
                          "mega": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "68px",
                            "fontWeight": 600,
                          },
                          "small": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "12px",
                            "fontWeight": 400,
                          },
                          "smallPlus": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "12px",
                            "fontWeight": 400,
                          },
                          "superLarge": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "42px",
                            "fontWeight": 600,
                          },
                          "tiny": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "10px",
                            "fontWeight": 400,
                          },
                          "xLarge": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "20px",
                            "fontWeight": 600,
                          },
                          "xLargePlus": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "24px",
                            "fontWeight": 600,
                          },
                          "xSmall": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "10px",
                            "fontWeight": 400,
                          },
                          "xxLarge": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "28px",
                            "fontWeight": 600,
                          },
                          "xxLargePlus": Object {
                            "MozOsxFontSmoothing": "grayscale",
                            "WebkitFontSmoothing": "antialiased",
                            "fontFamily": "'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif",
                            "fontSize": "32px",
                            "fontWeight": 600,
                          },
                        },
                        "isInverted": false,
                        "palette": Object {
                          "accent": "#0078d4",
                          "black": "#000000",
                          "blackTranslucent40": "rgba(0,0,0,.4)",
                          "blue": "#0078d4",
                          "blueDark": "#002050",
                          "blueLight": "#00bcf2",
                          "blueMid": "#00188f",
                          "green": "#107c10",
                          "greenDark": "#004b1c",
                          "greenLight": "#bad80a",
                          "magenta": "#b4009e",
                          "magentaDark": "#5c005c",
                          "magentaLight": "#e3008c",
                          "neutralDark": "#201f1e",
                          "neutralLight": "#edebe9",
                          "neutralLighter": "#f3f2f1",
                          "neutralLighterAlt": "#faf9f8",
                          "neutralPrimary": "#323130",
                          "neutralPrimaryAlt": "#3b3a39",
                          "neutralQuaternary": "#d2d0ce",
                          "neutralQuaternaryAlt": "#e1dfdd",
                          "neutralSecondary": "#605e5c",
                          "neutralSecondaryAlt": "#8a8886",
                          "neutralTertiary": "#a19f9d",
                          "neutralTertiaryAlt": "#c8c6c4",
                          "orange": "#d83b01",
                          "orangeLight": "#ea4300",
                          "orangeLighter": "#ff8c00",
                          "purple": "#5c2d91",
                          "purpleDark": "#32145a",
                          "purpleLight": "#b4a0ff",
                          "red": "#e81123",
                          "redDark": "#a4262c",
                          "teal": "#008272",
                          "tealDark": "#004b50",
                          "tealLight": "#00b294",
                          "themeDark": "#005a9e",
                          "themeDarkAlt": "#106ebe",
                          "themeDarker": "#004578",
                          "themeLight": "#c7e0f4",
                          "themeLighter": "#deecf9",
                          "themeLighterAlt": "#eff6fc",
                          "themePrimary": "#0078d4",
                          "themeSecondary": "#2b88d8",
                          "themeTertiary": "#71afe5",
                          "white": "#ffffff",
                          "whiteTranslucent40": "rgba(255,255,255,.4)",
                          "yellow": "#ffb900",
                          "yellowDark": "#d29200",
                          "yellowLight": "#fff100",
                        },
                        "rtl": undefined,
                        "semanticColors": Object {
                          "accentButtonBackground": "#0078d4",
                          "accentButtonText": "#ffffff",
                          "actionLink": "#323130",
                          "actionLinkHovered": "#201f1e",
                          "blockingBackground": "#FDE7E9",
                          "blockingIcon": "#FDE7E9",
                          "bodyBackground": "#ffffff",
                          "bodyBackgroundChecked": "#edebe9",
                          "bodyBackgroundHovered": "#f3f2f1",
                          "bodyDivider": "#edebe9",
                          "bodyFrameBackground": "#ffffff",
                          "bodyFrameDivider": "#edebe9",
                          "bodyStandoutBackground": "#faf9f8",
                          "bodySubtext": "#605e5c",
                          "bodyText": "#323130",
                          "bodyTextChecked": "#000000",
                          "buttonBackground": "#ffffff",
                          "buttonBackgroundChecked": "#c8c6c4",
                          "buttonBackgroundCheckedHovered": "#edebe9",
                          "buttonBackgroundDisabled": "#f3f2f1",
                          "buttonBackgroundHovered": "#f3f2f1",
                          "buttonBackgroundPressed": "#edebe9",
                          "buttonBorder": "#8a8886",
                          "buttonBorderDisabled": "#f3f2f1",
                          "buttonText": "#323130",
                          "buttonTextChecked": "#201f1e",
                          "buttonTextCheckedHovered": "#000000",
                          "buttonTextDisabled": "#a19f9d",
                          "buttonTextHovered": "#201f1e",
                          "buttonTextPressed": "#201f1e",
                          "cardShadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)",
                          "cardShadowHovered": "0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108)",
                          "cardStandoutBackground": "#ffffff",
                          "defaultStateBackground": "#faf9f8",
                          "disabledBackground": "#f3f2f1",
                          "disabledBodySubtext": "#c8c6c4",
                          "disabledBodyText": "#a19f9d",
                          "disabledBorder": "#c8c6c4",
                          "disabledSubtext": "#d2d0ce",
                          "disabledText": "#a19f9d",
                          "errorBackground": "#FDE7E9",
                          "errorIcon": "#A80000",
                          "errorText": "#a4262c",
                          "focusBorder": "#605e5c",
                          "infoBackground": "#f3f2f1",
                          "infoIcon": "#605e5c",
                          "inputBackground": "#ffffff",
                          "inputBackgroundChecked": "#0078d4",
                          "inputBackgroundCheckedHovered": "#005a9e",
                          "inputBorder": "#605e5c",
                          "inputBorderHovered": "#323130",
                          "inputFocusBorderAlt": "#0078d4",
                          "inputForegroundChecked": "#ffffff",
                          "inputIcon": "#0078d4",
                          "inputIconDisabled": "#a19f9d",
                          "inputIconHovered": "#005a9e",
                          "inputPlaceholderBackgroundChecked": "#deecf9",
                          "inputPlaceholderText": "#605e5c",
                          "inputText": "#323130",
                          "inputTextHovered": "#201f1e",
                          "link": "#0078d4",
                          "linkHovered": "#004578",
                          "listBackground": "#ffffff",
                          "listHeaderBackgroundHovered": "#f3f2f1",
                          "listHeaderBackgroundPressed": "#edebe9",
                          "listItemBackgroundChecked": "#edebe9",
                          "listItemBackgroundCheckedHovered": "#e1dfdd",
                          "listItemBackgroundHovered": "#f3f2f1",
                          "listText": "#323130",
                          "listTextColor": "#323130",
                          "menuBackground": "#ffffff",
                          "menuDivider": "#c8c6c4",
                          "menuHeader": "#0078d4",
                          "menuIcon": "#0078d4",
                          "menuItemBackgroundChecked": "#edebe9",
                          "menuItemBackgroundHovered": "#f3f2f1",
                          "menuItemBackgroundPressed": "#edebe9",
                          "menuItemText": "#323130",
                          "menuItemTextHovered": "#201f1e",
                          "messageLink": "#005A9E",
                          "messageLinkHovered": "#004578",
                          "messageText": "#323130",
                          "primaryButtonBackground": "#0078d4",
                          "primaryButtonBackgroundDisabled": "#f3f2f1",
                          "primaryButtonBackgroundHovered": "#106ebe",
                          "primaryButtonBackgroundPressed": "#005a9e",
                          "primaryButtonBorder": "transparent",
                          "primaryButtonText": "#ffffff",
                          "primaryButtonTextDisabled": "#d2d0ce",
                          "primaryButtonTextHovered": "#ffffff",
                          "primaryButtonTextPressed": "#ffffff",
                          "severeWarningBackground": "#FED9CC",
                          "severeWarningIcon": "#D83B01",
                          "smallInputBorder": "#605e5c",
                          "successBackground": "#DFF6DD",
                          "successIcon": "#107C10",
                          "successText": "#107C10",
                          "variantBorder": "#edebe9",
                          "variantBorderHovered": "#a19f9d",
                          "warningBackground": "#FFF4CE",
                          "warningHighlight": "#ffb900",
                          "warningIcon": "#797775",
                          "warningText": "#323130",
                        },
                        "spacing": Object {
                          "l1": "20px",
                          "l2": "32px",
                          "m": "16px",
                          "s1": "8px",
                          "s2": "4px",
                        },
                      }
                    }
                    type="submit"
                    variantClassName="ms-Button--primary"
                  >
                    <button
                      aria-label="Execute"
                      className="ms-Button ms-Button--primary root-89"
                      data-is-focusable={true}
                      id="sidePanelOkButton"
                      onClick={[Function]}
                      onKeyDown={[Function]}
                      onKeyPress={[Function]}
                      onKeyUp={[Function]}
                      onMouseDown={[Function]}
                      onMouseUp={[Function]}
                      type="submit"
                    >
                      <span
                        className="ms-Button-flexContainer flexContainer-90"
                        data-automationid="splitbuttonprimary"
                      >
                        <span
                          className="ms-Button-textContainer textContainer-91"
                        >
                          <span
                            className="ms-Button-label label-93"
                            id="id__8"
                            key="id__8"
                          >
                            Execute
                          </span>
                        </span>
                      </span>
                    </button>
                    <FocusRects />
                  </BaseButton>
                </DefaultButton>
              </CustomizedDefaultButton>
            </PrimaryButton>
          </CustomizedPrimaryButton>
        </div>
      </PanelFooterComponent>
    </form>
  </RightPaneForm>
</ExecuteSprocParamsPane>
`;
