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

exports[`Delete Database Confirmation Pane Should call delete database 1`] = `
<DeleteDatabaseConfirmationPanel
  refreshDatabases={[Function]}
>
  <RightPaneForm
    formError=""
    isExecuting={false}
    onSubmit={[Function]}
    submitButtonText="OK"
  >
    <form
      className="panelFormWrapper"
      onSubmit={[Function]}
    >
      <PanelInfoErrorComponent
        message="Warning! The action you are about to take cannot be undone. Continuing will permanently delete this resource and all of its children resources."
        messageType="warning"
        showErrorDetails={false}
      >
        <Stack
          className="panelInfoErrorContainer"
          horizontal={true}
          verticalAlign="center"
        >
          <div
            className="ms-Stack panelInfoErrorContainer css-109"
          >
            <StyledIconBase
              aria-label="warning"
              className="panelWarningIcon"
              iconName="WarningSolid"
              key=".0:$.$.0"
            >
              <IconBase
                aria-label="warning"
                className="panelWarningIcon"
                iconName="WarningSolid"
                styles={[Function]}
                theme={
                  {
                    "disableGlobalClassNames": false,
                    "effects": {
                      "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": {
                      "large": {
                        "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": {
                        "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": {
                        "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": {
                        "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": {
                        "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": {
                        "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": {
                        "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": {
                        "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": {
                        "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": {
                        "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": {
                        "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": {
                        "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": {
                        "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": {
                      "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": {
                      "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": {
                      "l1": "20px",
                      "l2": "32px",
                      "m": "16px",
                      "s1": "8px",
                      "s2": "4px",
                    },
                  }
                }
              >
                <i
                  aria-label="warning"
                  className="panelWarningIcon root-112"
                  data-icon-name="WarningSolid"
                  role="img"
                >
                  
                </i>
              </IconBase>
            </StyledIconBase>
            <span
              aria-live="assertive"
              className="panelWarningErrorDetailsLinkContainer"
              key=".0:$.$.1"
              role="alert"
            >
              <Text
                aria-label="Warning! The action you are about to take cannot be undone. Continuing will permanently delete this resource and all of its children resources."
                className="panelWarningErrorMessage"
                variant="small"
              >
                <span
                  aria-label="Warning! The action you are about to take cannot be undone. Continuing will permanently delete this resource and all of its children resources."
                  className="panelWarningErrorMessage css-113"
                >
                  Warning! The action you are about to take cannot be undone. Continuing will permanently delete this resource and all of its children resources.
                </span>
              </Text>
            </span>
          </div>
        </Stack>
      </PanelInfoErrorComponent>
      <div
        className="panelMainContent"
      >
        <div
          className="confirmDeleteInput"
        >
          <span
            className="mandatoryStar"
          >
            * 
          </span>
          <Text
            variant="small"
          >
            <span
              className="css-113"
            >
              Confirm by typing the Database id (name)
            </span>
          </Text>
          <StyledTextFieldBase
            ariaLabel="Confirm by typing the Database id (name)"
            autoFocus={true}
            data-test="Input:confirmDatabaseId"
            id="confirmDatabaseId"
            onChange={[Function]}
            required={true}
            styles={
              {
                "fieldGroup": {
                  "width": 300,
                },
              }
            }
          >
            <TextFieldBase
              ariaLabel="Confirm by typing the Database id (name)"
              autoFocus={true}
              data-test="Input:confirmDatabaseId"
              deferredValidationTime={200}
              id="confirmDatabaseId"
              onChange={[Function]}
              required={true}
              resizable={true}
              styles={[Function]}
              theme={
                {
                  "disableGlobalClassNames": false,
                  "effects": {
                    "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": {
                    "large": {
                      "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": {
                      "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": {
                      "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": {
                      "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": {
                      "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": {
                      "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": {
                      "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": {
                      "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": {
                      "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": {
                      "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": {
                      "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": {
                      "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": {
                      "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": {
                    "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": {
                    "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": {
                    "l1": "20px",
                    "l2": "32px",
                    "m": "16px",
                    "s1": "8px",
                    "s2": "4px",
                  },
                }
              }
              validateOnLoad={true}
            >
              <div
                className="ms-TextField is-required root-115"
              >
                <div
                  className="ms-TextField-wrapper"
                >
                  <div
                    className="ms-TextField-fieldGroup fieldGroup-116"
                  >
                    <input
                      aria-invalid={false}
                      aria-label="Confirm by typing the Database id (name)"
                      autoFocus={true}
                      className="ms-TextField-field field-117"
                      data-test="Input:confirmDatabaseId"
                      id="confirmDatabaseId"
                      onBlur={[Function]}
                      onChange={[Function]}
                      onFocus={[Function]}
                      onInput={[Function]}
                      required={true}
                      type="text"
                      value=""
                    />
                  </div>
                </div>
              </div>
            </TextFieldBase>
          </StyledTextFieldBase>
        </div>
        <div
          className="deleteDatabaseFeedback"
        >
          <Text
            block={true}
            variant="small"
          >
            <span
              className="css-126"
            >
              Help us improve Azure Cosmos DB!
            </span>
          </Text>
          <Text
            block={true}
            variant="small"
          >
            <span
              className="css-126"
            >
              What is the reason why you are deleting this 
              Database
              ?
            </span>
          </Text>
          <StyledTextFieldBase
            ariaLabel="Help us improve Azure Cosmos DB! What is the reason why you are deleting this Database?"
            id="deleteDatabaseFeedbackInput"
            multiline={true}
            onChange={[Function]}
            rows={3}
            styles={
              {
                "fieldGroup": {
                  "width": 300,
                },
              }
            }
          >
            <TextFieldBase
              ariaLabel="Help us improve Azure Cosmos DB! What is the reason why you are deleting this Database?"
              deferredValidationTime={200}
              id="deleteDatabaseFeedbackInput"
              multiline={true}
              onChange={[Function]}
              resizable={true}
              rows={3}
              styles={[Function]}
              theme={
                {
                  "disableGlobalClassNames": false,
                  "effects": {
                    "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": {
                    "large": {
                      "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": {
                      "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": {
                      "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": {
                      "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": {
                      "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": {
                      "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": {
                      "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": {
                      "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": {
                      "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": {
                      "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": {
                      "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": {
                      "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": {
                      "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": {
                    "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": {
                    "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": {
                    "l1": "20px",
                    "l2": "32px",
                    "m": "16px",
                    "s1": "8px",
                    "s2": "4px",
                  },
                }
              }
              validateOnLoad={true}
            >
              <div
                className="ms-TextField ms-TextField--multiline root-115"
              >
                <div
                  className="ms-TextField-wrapper"
                >
                  <div
                    className="ms-TextField-fieldGroup fieldGroup-127"
                  >
                    <textarea
                      aria-invalid={false}
                      aria-label="Help us improve Azure Cosmos DB! What is the reason why you are deleting this Database?"
                      className="ms-TextField-field field-128"
                      id="deleteDatabaseFeedbackInput"
                      onBlur={[Function]}
                      onChange={[Function]}
                      onFocus={[Function]}
                      onInput={[Function]}
                      rows={3}
                      value=""
                    />
                  </div>
                </div>
              </div>
            </TextFieldBase>
          </StyledTextFieldBase>
        </div>
      </div>
      <PanelFooterComponent
        buttonLabel="OK"
        isButtonDisabled={false}
      >
        <div
          className="panelFooter"
        >
          <CustomizedPrimaryButton
            ariaLabel="OK"
            data-test="Panel/OkButton"
            disabled={false}
            id="sidePanelOkButton"
            text="OK"
            type="submit"
          >
            <MergeStylesShadowRootConsumer
              stylesheetKey="PrimaryButton"
            >
              <PrimaryButton
                ariaLabel="OK"
                data-test="Panel/OkButton"
                disabled={false}
                id="sidePanelOkButton"
                styles={
                  {
                    "__shadowConfig__": {
                      "__isShadowConfig__": true,
                      "inShadow": false,
                      "stylesheetKey": "PrimaryButton",
                      "window": [Window],
                    },
                  }
                }
                text="OK"
                theme={
                  {
                    "disableGlobalClassNames": false,
                    "effects": {
                      "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": {
                      "large": {
                        "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": {
                        "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": {
                        "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": {
                        "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": {
                        "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": {
                        "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": {
                        "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": {
                        "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": {
                        "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": {
                        "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": {
                        "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": {
                        "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": {
                        "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": {
                      "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": {
                      "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": {
                      "l1": "20px",
                      "l2": "32px",
                      "m": "16px",
                      "s1": "8px",
                      "s2": "4px",
                    },
                  }
                }
                type="submit"
              >
                <CustomizedDefaultButton
                  ariaLabel="OK"
                  data-test="Panel/OkButton"
                  disabled={false}
                  id="sidePanelOkButton"
                  onRenderDescription={[Function]}
                  primary={true}
                  styles={
                    {
                      "__shadowConfig__": {
                        "__isShadowConfig__": true,
                        "inShadow": false,
                        "stylesheetKey": "PrimaryButton",
                        "window": [Window],
                      },
                    }
                  }
                  text="OK"
                  theme={
                    {
                      "disableGlobalClassNames": false,
                      "effects": {
                        "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": {
                        "large": {
                          "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": {
                          "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": {
                          "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": {
                          "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": {
                          "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": {
                          "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": {
                          "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": {
                          "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": {
                          "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": {
                          "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": {
                          "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": {
                          "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": {
                          "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": {
                        "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": {
                        "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": {
                        "l1": "20px",
                        "l2": "32px",
                        "m": "16px",
                        "s1": "8px",
                        "s2": "4px",
                      },
                    }
                  }
                  type="submit"
                >
                  <MergeStylesShadowRootConsumer
                    stylesheetKey="DefaultButton"
                  >
                    <DefaultButton
                      ariaLabel="OK"
                      data-test="Panel/OkButton"
                      disabled={false}
                      id="sidePanelOkButton"
                      onRenderDescription={[Function]}
                      primary={true}
                      styles={
                        {
                          "__shadowConfig__": {
                            "__isShadowConfig__": true,
                            "inShadow": false,
                            "stylesheetKey": "DefaultButton",
                            "window": [Window],
                          },
                        }
                      }
                      text="OK"
                      theme={
                        {
                          "disableGlobalClassNames": false,
                          "effects": {
                            "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": {
                            "large": {
                              "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": {
                              "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": {
                              "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": {
                              "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": {
                              "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": {
                              "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": {
                              "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": {
                              "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": {
                              "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": {
                              "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": {
                              "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": {
                              "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": {
                              "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": {
                            "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": {
                            "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": {
                            "l1": "20px",
                            "l2": "32px",
                            "m": "16px",
                            "s1": "8px",
                            "s2": "4px",
                          },
                        }
                      }
                      type="submit"
                    >
                      <BaseButton
                        ariaLabel="OK"
                        baseClassName="ms-Button"
                        data-test="Panel/OkButton"
                        disabled={false}
                        id="sidePanelOkButton"
                        onRenderDescription={[Function]}
                        primary={true}
                        split={false}
                        styles={
                          {
                            "__shadowConfig__": {
                              "__isShadowConfig__": true,
                              "inShadow": false,
                              "stylesheetKey": "DefaultButton",
                              "window": [Window],
                            },
                            "description": {
                              "display": "block",
                            },
                            "flexContainer": {
                              "alignItems": "center",
                              "display": "flex",
                              "flexWrap": "nowrap",
                              "height": "100%",
                              "justifyContent": "center",
                            },
                            "icon": {
                              "flexShrink": 0,
                              "fontSize": "16px",
                              "height": "16px",
                              "lineHeight": "16px",
                              "margin": "0 4px",
                              "textAlign": "center",
                            },
                            "iconDisabled": {
                              "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                "color": "GrayText",
                              },
                              "color": "#a19f9d",
                            },
                            "label": [
                              {
                                "display": "block",
                                "lineHeight": "100%",
                                "margin": "0 4px",
                              },
                              {
                                "fontWeight": 600,
                              },
                            ],
                            "menuIcon": {
                              "flexShrink": 0,
                              "fontSize": "12px",
                              "height": "16px",
                              "lineHeight": "16px",
                              "margin": "0 4px",
                              "textAlign": "center",
                            },
                            "menuIconDisabled": {
                              "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                "color": "GrayText",
                              },
                              "color": "#a19f9d",
                            },
                            "root": [
                              {
                                "outline": "transparent",
                                "position": "relative",
                                "selectors": {
                                  ".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": {
                                    "border": "1px solid transparent",
                                    "borderRadius": undefined,
                                    "bottom": 2,
                                    "content": """",
                                    "left": 2,
                                    "outline": "1px solid #605e5c",
                                    "pointerEvents": undefined,
                                    "position": "absolute",
                                    "right": 2,
                                    "selectors": {
                                      "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                        "bottom": -2,
                                        "left": -2,
                                        "outlineColor": "ButtonText",
                                        "right": -2,
                                        "top": -2,
                                      },
                                    },
                                    "top": 2,
                                    "zIndex": 1,
                                  },
                                  "::-moz-focus-inner": {
                                    "border": "0",
                                  },
                                },
                              },
                              {
                                "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,
                              },
                              {
                                ":active > span": {
                                  "left": 0,
                                  "position": "relative",
                                  "top": 0,
                                },
                                "border": "1px solid #8a8886",
                                "borderRadius": "2px",
                                "boxSizing": "border-box",
                                "cursor": "pointer",
                                "display": "inline-block",
                                "padding": "0 16px",
                                "textAlign": "center",
                                "textDecoration": "none",
                                "userSelect": "none",
                              },
                              {
                                "height": "32px",
                                "minWidth": "80px",
                              },
                              {
                                ".ms-Fabric--isFocusVisible &:focus, :host(.ms-Fabric--isFocusVisible) &:focus": {
                                  ":after": {
                                    "border": "none",
                                    "outlineColor": "#ffffff",
                                  },
                                },
                                "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                  "MsHighContrastAdjust": "none",
                                  "backgroundColor": "WindowText",
                                  "borderColor": "WindowText",
                                  "color": "Window",
                                  "forcedColorAdjust": "none",
                                },
                                "backgroundColor": "#0078d4",
                                "border": "1px solid #0078d4",
                                "color": "#ffffff",
                              },
                            ],
                            "rootChecked": {
                              "backgroundColor": "#005a9e",
                              "color": "#ffffff",
                            },
                            "rootCheckedHovered": {
                              "backgroundColor": "#005a9e",
                              "color": "#ffffff",
                            },
                            "rootDisabled": [
                              {
                                "outline": "transparent",
                                "position": "relative",
                                "selectors": {
                                  ".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": {
                                    "border": "1px solid transparent",
                                    "borderRadius": undefined,
                                    "bottom": 2,
                                    "content": """",
                                    "left": 2,
                                    "outline": "1px solid #605e5c",
                                    "pointerEvents": undefined,
                                    "position": "absolute",
                                    "right": 2,
                                    "selectors": {
                                      "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                        "bottom": -2,
                                        "left": -2,
                                        "outlineColor": "ButtonText",
                                        "right": -2,
                                        "top": -2,
                                      },
                                    },
                                    "top": 2,
                                    "zIndex": 1,
                                  },
                                  "::-moz-focus-inner": {
                                    "border": "0",
                                  },
                                },
                              },
                              {
                                ":focus": {
                                  "outline": 0,
                                },
                                ":hover": {
                                  "outline": 0,
                                },
                                "backgroundColor": "#f3f2f1",
                                "borderColor": "#f3f2f1",
                                "color": "#a19f9d",
                                "cursor": "default",
                              },
                              {
                                "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                  "backgroundColor": "Window",
                                  "borderColor": "GrayText",
                                  "color": "GrayText",
                                },
                                "backgroundColor": "#f3f2f1",
                                "color": "#d2d0ce",
                              },
                            ],
                            "rootExpanded": {
                              "backgroundColor": "#005a9e",
                              "color": "#ffffff",
                            },
                            "rootHovered": {
                              "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                "backgroundColor": "Highlight",
                                "borderColor": "Highlight",
                                "color": "Window",
                              },
                              "backgroundColor": "#106ebe",
                              "border": "1px solid #106ebe",
                              "color": "#ffffff",
                            },
                            "rootPressed": {
                              "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                "MsHighContrastAdjust": "none",
                                "backgroundColor": "WindowText",
                                "borderColor": "WindowText",
                                "color": "Window",
                                "forcedColorAdjust": "none",
                              },
                              "backgroundColor": "#005a9e",
                              "border": "1px solid #005a9e",
                              "color": "#ffffff",
                            },
                            "screenReaderText": {
                              "border": 0,
                              "height": 1,
                              "margin": -1,
                              "overflow": "hidden",
                              "padding": 0,
                              "position": "absolute",
                              "whiteSpace": "nowrap",
                              "width": 1,
                            },
                            "splitButtonContainer": [
                              {
                                "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                  "border": "none",
                                },
                              },
                              {
                                "outline": "transparent",
                                "position": "relative",
                                "selectors": {
                                  ".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": {
                                    "border": "1px solid #ffffff",
                                    "borderRadius": undefined,
                                    "bottom": 3,
                                    "content": """",
                                    "left": 3,
                                    "outline": "1px solid #605e5c",
                                    "pointerEvents": "none",
                                    "position": "absolute",
                                    "right": 3,
                                    "selectors": {
                                      "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                        "border": "none",
                                        "bottom": -2,
                                        "left": -2,
                                        "right": -2,
                                        "top": -2,
                                      },
                                    },
                                    "top": 3,
                                    "zIndex": 1,
                                  },
                                  "::-moz-focus-inner": {
                                    "border": "0",
                                  },
                                },
                              },
                              {
                                ".ms-Button--default": {
                                  "borderBottomRightRadius": "0",
                                  "borderRight": "none",
                                  "borderTopRightRadius": "0",
                                  "flexGrow": "1",
                                },
                                ".ms-Button--default + .ms-Button": {
                                  "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                    ":hover": {
                                      ".ms-Button-menuIcon": {
                                        "MsHighContrastAdjust": "none",
                                        "backgroundColor": "HighlightText",
                                        "color": "Highlight",
                                        "forcedColorAdjust": "none",
                                      },
                                      "backgroundColor": "HighlightText",
                                      "borderColor": "Highlight",
                                      "color": "Highlight",
                                    },
                                    "border": "1px solid WindowText",
                                    "borderLeftWidth": "0",
                                  },
                                },
                                ".ms-Button--default + .ms-Button[aria-expanded="true"]": {
                                  "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                    ".ms-Button-menuIcon": {
                                      "MsHighContrastAdjust": "none",
                                      "backgroundColor": "HighlightText",
                                      "color": "Highlight",
                                      "forcedColorAdjust": "none",
                                    },
                                    "backgroundColor": "HighlightText",
                                    "borderColor": "Highlight",
                                    "color": "Highlight",
                                  },
                                },
                                ".ms-Button--primary": {
                                  ":active": {
                                    "border": "none",
                                  },
                                  ":hover": {
                                    "border": "none",
                                  },
                                  "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                    ":active": {
                                      "border": "1px solid Highlight",
                                    },
                                    ":hover": {
                                      "backgroundColor": "Highlight",
                                      "border": "1px solid Highlight",
                                      "borderRightWidth": "0",
                                      "color": "HighlightText",
                                    },
                                    "MsHighContrastAdjust": "none",
                                    "backgroundColor": "Window",
                                    "border": "1px solid WindowText",
                                    "borderRightWidth": "0",
                                    "color": "WindowText",
                                    "forcedColorAdjust": "none",
                                  },
                                  "border": "none",
                                  "borderBottomRightRadius": "0",
                                  "borderTopRightRadius": "0",
                                  "flexGrow": "1",
                                },
                                ".ms-Button--primary + .ms-Button": {
                                  "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                    ":hover": {
                                      ".ms-Button-menuIcon": {
                                        "MsHighContrastAdjust": "none",
                                        "color": "HighlightText",
                                        "forcedColorAdjust": "none",
                                      },
                                      "backgroundColor": "Highlight",
                                      "borderColor": "Highlight",
                                      "borderLeftWidth": "0",
                                      "color": "HighlightText",
                                    },
                                    "border": "1px solid WindowText",
                                    "borderLeftWidth": "0",
                                  },
                                  "border": "none",
                                },
                                ".ms-Button--primary + .ms-Button[aria-expanded="true"]": {
                                  ".ms-Button-menuIcon": {
                                    "color": "HighlightText",
                                  },
                                  "MsHighContrastAdjust": "none",
                                  "backgroundColor": "Highlight",
                                  "borderColor": "Highlight",
                                  "color": "HighlightText",
                                  "forcedColorAdjust": "none",
                                },
                                ".ms-Button.is-disabled": {
                                  "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                    "backgroundColor": "Window",
                                    "borderColor": "GrayText",
                                    "color": "GrayText",
                                  },
                                },
                                "display": "inline-flex",
                              },
                            ],
                            "splitButtonContainerChecked": {
                              ".ms-Button--primary": {
                                "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                  "MsHighContrastAdjust": "none",
                                  "backgroundColor": "WindowText",
                                  "color": "Window",
                                  "forcedColorAdjust": "none",
                                },
                              },
                            },
                            "splitButtonContainerCheckedHovered": {
                              ".ms-Button--primary": {
                                "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                  "MsHighContrastAdjust": "none",
                                  "backgroundColor": "WindowText",
                                  "color": "Window",
                                  "forcedColorAdjust": "none",
                                },
                              },
                            },
                            "splitButtonContainerDisabled": {
                              "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                "MsHighContrastAdjust": "none",
                                "backgroundColor": "Window",
                                "borderColor": "GrayText",
                                "color": "GrayText",
                                "forcedColorAdjust": "none",
                              },
                              "border": "none",
                              "outline": "none",
                            },
                            "splitButtonContainerFocused": {
                              "outline": "none!important",
                            },
                            "splitButtonContainerHovered": {
                              ".ms-Button--default.is-disabled": {
                                "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                  "backgroundColor": "Window",
                                  "borderColor": "GrayText",
                                  "color": "GrayText",
                                },
                                "backgroundColor": "#f3f2f1",
                                "color": "#a19f9d",
                              },
                              ".ms-Button--primary.is-disabled": {
                                "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                  "backgroundColor": "Window",
                                  "borderColor": "GrayText",
                                  "color": "GrayText",
                                },
                                "backgroundColor": "#f3f2f1",
                                "color": "#d2d0ce",
                              },
                            },
                            "splitButtonDivider": [
                              {
                                "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                  "backgroundColor": "Window",
                                },
                                "backgroundColor": "#ffffff",
                                "bottom": 8,
                                "position": "absolute",
                                "right": 31,
                                "top": 8,
                                "width": 1,
                              },
                              {
                                "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                  "backgroundColor": "WindowText",
                                },
                                "bottom": 8,
                                "position": "absolute",
                                "right": 31,
                                "top": 8,
                                "width": 1,
                              },
                            ],
                            "splitButtonDividerDisabled": {
                              "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                "backgroundColor": "GrayText",
                              },
                              "bottom": 8,
                              "position": "absolute",
                              "right": 31,
                              "top": 8,
                              "width": 1,
                            },
                            "splitButtonFlexContainer": {
                              "alignItems": "center",
                              "display": "flex",
                              "flexWrap": "nowrap",
                              "height": "100%",
                              "justifyContent": "center",
                            },
                            "splitButtonMenuButton": [
                              {
                                ":hover": {
                                  "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                    "color": "Highlight",
                                  },
                                  "backgroundColor": "#106ebe",
                                },
                                "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                  "backgroundColor": "Canvas",
                                },
                                "backgroundColor": "#0078d4",
                                "color": "#ffffff",
                              },
                              {
                                "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                  ".ms-Button-menuIcon": {
                                    "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": {
                              ":hover": {
                                "backgroundColor": "#005a9e",
                              },
                              "backgroundColor": "#005a9e",
                            },
                            "splitButtonMenuButtonDisabled": [
                              {
                                ":hover": {
                                  "backgroundColor": "#f3f2f1",
                                },
                                "backgroundColor": "#f3f2f1",
                              },
                              {
                                ".ms-Button--primary": {
                                  "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                    "backgroundColor": "Window",
                                    "borderColor": "GrayText",
                                    "color": "GrayText",
                                  },
                                },
                                ".ms-Button-menuIcon": {
                                  "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                    "color": "GrayText",
                                  },
                                },
                                ":hover": {
                                  "cursor": "default",
                                },
                                "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                  "backgroundColor": "Window",
                                  "border": "1px solid GrayText",
                                  "color": "GrayText",
                                },
                                "border": "none",
                                "pointerEvents": "none",
                              },
                            ],
                            "splitButtonMenuButtonExpanded": {
                              ":hover": {
                                "backgroundColor": "#005a9e",
                              },
                              "backgroundColor": "#005a9e",
                            },
                            "splitButtonMenuFocused": {
                              "outline": "transparent",
                              "position": "relative",
                              "selectors": {
                                ".ms-Fabric--isFocusVisible &:focus:after, :host(.ms-Fabric--isFocusVisible) &:focus:after": {
                                  "border": "1px solid #ffffff",
                                  "borderRadius": undefined,
                                  "bottom": 3,
                                  "content": """",
                                  "left": 3,
                                  "outline": "1px solid #605e5c",
                                  "pointerEvents": undefined,
                                  "position": "absolute",
                                  "right": 3,
                                  "selectors": {
                                    "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                      "border": "none",
                                      "bottom": -2,
                                      "left": -2,
                                      "right": -2,
                                      "top": -2,
                                    },
                                  },
                                  "top": 3,
                                  "zIndex": 1,
                                },
                                "::-moz-focus-inner": {
                                  "border": "0",
                                },
                              },
                            },
                            "splitButtonMenuIcon": {
                              "color": "#ffffff",
                            },
                            "splitButtonMenuIconDisabled": {
                              "@media screen and (-ms-high-contrast: active), screen and (forced-colors: active)": {
                                "color": "GrayText",
                              },
                              "color": "#a19f9d",
                            },
                            "textContainer": {
                              "display": "block",
                              "flexGrow": 1,
                            },
                          }
                        }
                        text="OK"
                        theme={
                          {
                            "disableGlobalClassNames": false,
                            "effects": {
                              "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": {
                              "large": {
                                "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": {
                                "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": {
                                "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": {
                                "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": {
                                "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": {
                                "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": {
                                "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": {
                                "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": {
                                "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": {
                                "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": {
                                "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": {
                                "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": {
                                "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": {
                              "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": {
                              "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": {
                              "l1": "20px",
                              "l2": "32px",
                              "m": "16px",
                              "s1": "8px",
                              "s2": "4px",
                            },
                          }
                        }
                        type="submit"
                        variantClassName="ms-Button--primary"
                      >
                        <button
                          aria-label="OK"
                          className="ms-Button ms-Button--primary root-130"
                          data-is-focusable={true}
                          data-test="Panel/OkButton"
                          id="sidePanelOkButton"
                          onClick={[Function]}
                          onKeyDown={[Function]}
                          onKeyPress={[Function]}
                          onKeyUp={[Function]}
                          onMouseDown={[Function]}
                          onMouseUp={[Function]}
                          type="submit"
                        >
                          <span
                            className="ms-Button-flexContainer flexContainer-131"
                            data-automationid="splitbuttonprimary"
                          >
                            <span
                              className="ms-Button-textContainer textContainer-132"
                            >
                              <span
                                className="ms-Button-label label-134"
                                id="id__10"
                                key="id__10"
                              >
                                OK
                              </span>
                            </span>
                          </span>
                        </button>
                        <FocusRects />
                      </BaseButton>
                    </DefaultButton>
                  </MergeStylesShadowRootConsumer>
                </CustomizedDefaultButton>
              </PrimaryButton>
            </MergeStylesShadowRootConsumer>
          </CustomizedPrimaryButton>
        </div>
      </PanelFooterComponent>
    </form>
    <span
      className="screenReaderOnly"
      id="screenReaderStatus"
      role="status"
    />
  </RightPaneForm>
</DeleteDatabaseConfirmationPanel>
`;
