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

exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
<DeleteRoleConfirmationModal
  i18n={"/i18n/"}
  onCancel={[Function]}
  onConfirm={[Function]}
  role={
    Object {
      "id": 3,
      "name": "Member",
      "resource_name": "Org",
      "resource_type": "organization",
      "team_id": 5,
      "team_name": "The Team",
    }
  }
  username="jane"
>
  <WithI18n
    actions={
      Array [
        <Button
          aria-label="Confirm delete"
          onClick={[Function]}
          variant="danger"
        >
          Delete
        </Button>,
        <Button
          onClick={[Function]}
          variant="secondary"
        >
          Cancel
        </Button>,
      ]
    }
    isOpen={true}
    onClose={[Function]}
    title="Remove Team Access"
    variant="danger"
  >
    <I18n
      update={true}
      withHash={true}
    >
      <AlertModal
        actions={
          Array [
            <Button
              aria-label="Confirm delete"
              onClick={[Function]}
              variant="danger"
            >
              Delete
            </Button>,
            <Button
              onClick={[Function]}
              variant="secondary"
            >
              Cancel
            </Button>,
          ]
        }
        i18n={"/i18n/"}
        isOpen={true}
        onClose={[Function]}
        title="Remove Team Access"
        variant="danger"
      >
        <Modal
          actions={
            Array [
              <Button
                aria-label="Confirm delete"
                onClick={[Function]}
                variant="danger"
              >
                Delete
              </Button>,
              <Button
                onClick={[Function]}
                variant="secondary"
              >
                Cancel
              </Button>,
            ]
          }
          appendTo={[Function]}
          aria-describedby=""
          aria-label="Alert modal"
          aria-labelledby="alert-modal-header-label"
          className=""
          hasNoBodyWrapper={false}
          header={
            <ForwardRef(AlertModal__Header)>
              <ForwardRef(AlertModal___StyledExclamationCircleIcon)
                size="lg"
              />
              <Title
                headingLevel="h2"
                id="alert-modal-header-label"
                size="2xl"
              >
                Remove Team Access
              </Title>
            </ForwardRef(AlertModal__Header)>
          }
          isOpen={true}
          onClose={[Function]}
          ouiaSafe={true}
          showClose={true}
          title="Remove Team Access"
          titleIconVariant={null}
          titleLabel=""
          variant="small"
        >
          <Portal
            containerInfo={
              <div>
                <div
                  class="pf-c-backdrop"
                >
                  <div
                    class="pf-l-bullseye"
                  >
                    <div
                      aria-describedby="pf-modal-part-2"
                      aria-label="Alert modal"
                      aria-labelledby="pf-modal-part-0 alert-modal-header-label pf-modal-part-1"
                      aria-modal="true"
                      class="pf-c-modal-box pf-m-sm"
                      data-ouia-component-id="OUIA-Generated-Modal-small-1"
                      data-ouia-component-type="PF4/ModalContent"
                      data-ouia-safe="true"
                      id="pf-modal-part-0"
                      role="dialog"
                    >
                      <button
                        aria-disabled="false"
                        aria-label="Close"
                        class="pf-c-button pf-m-plain"
                        data-ouia-component-id="OUIA-Generated-Button-plain-1"
                        data-ouia-component-type="PF4/Button"
                        data-ouia-safe="true"
                        type="button"
                      >
                        <svg
                          aria-hidden="true"
                          fill="currentColor"
                          height="1em"
                          role="img"
                          style="vertical-align: -0.125em;"
                          viewBox="0 0 352 512"
                          width="1em"
                        >
                          <path
                            d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
                          />
                        </svg>
                      </button>
                      <header
                        class="pf-c-modal-box__header"
                      >
                        <div
                          class="AlertModal__Header-l9z1bu-0 hQFWHX"
                        >
                          <svg
                            aria-hidden="true"
                            class="AlertModal___StyledExclamationCircleIcon-l9z1bu-1 jOhcwt"
                            fill="currentColor"
                            height="2em"
                            role="img"
                            style="vertical-align: -0.25em;"
                            viewBox="0 0 512 512"
                            width="2em"
                          >
                            <path
                              d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
                            />
                          </svg>
                          <h2
                            class="pf-c-title pf-m-2xl"
                            id="alert-modal-header-label"
                          >
                            Remove Team Access
                          </h2>
                        </div>
                      </header>
                      <div
                        class="pf-c-modal-box__body"
                        id="pf-modal-part-2"
                      >
                        Are you sure you want to remove Member access from The Team?  Doing so affects all members of the team.
                        <br />
                        <br />
                        If you only want to remove access for this particular user, please remove them from the team.
                      </div>
                      <footer
                        class="pf-c-modal-box__footer"
                      >
                        <button
                          aria-disabled="false"
                          aria-label="Confirm delete"
                          class="pf-c-button pf-m-danger"
                          data-ouia-component-id="OUIA-Generated-Button-danger-1"
                          data-ouia-component-type="PF4/Button"
                          data-ouia-safe="true"
                          type="button"
                        >
                          Delete
                        </button>
                        <button
                          aria-disabled="false"
                          class="pf-c-button pf-m-secondary"
                          data-ouia-component-id="OUIA-Generated-Button-secondary-1"
                          data-ouia-component-type="PF4/Button"
                          data-ouia-safe="true"
                          type="button"
                        >
                          Cancel
                        </button>
                      </footer>
                    </div>
                  </div>
                </div>
              </div>
            }
          >
            <ModalContent
              actions={
                Array [
                  <Button
                    aria-label="Confirm delete"
                    onClick={[Function]}
                    variant="danger"
                  >
                    Delete
                  </Button>,
                  <Button
                    onClick={[Function]}
                    variant="secondary"
                  >
                    Cancel
                  </Button>,
                ]
              }
              aria-describedby=""
              aria-label="Alert modal"
              aria-labelledby="alert-modal-header-label"
              boxId="pf-modal-part-0"
              className=""
              descriptorId="pf-modal-part-2"
              hasNoBodyWrapper={false}
              header={
                <ForwardRef(AlertModal__Header)>
                  <ForwardRef(AlertModal___StyledExclamationCircleIcon)
                    size="lg"
                  />
                  <Title
                    headingLevel="h2"
                    id="alert-modal-header-label"
                    size="2xl"
                  >
                    Remove Team Access
                  </Title>
                </ForwardRef(AlertModal__Header)>
              }
              isOpen={true}
              labelId="pf-modal-part-1"
              onClose={[Function]}
              ouiaId="OUIA-Generated-Modal-small-1"
              ouiaSafe={true}
              showClose={true}
              title="Remove Team Access"
              titleIconVariant={null}
              titleLabel=""
              variant="small"
            >
              <Backdrop>
                <div
                  className="pf-c-backdrop"
                >
                  <FocusTrap
                    active={true}
                    className="pf-l-bullseye"
                    focusTrapOptions={
                      Object {
                        "clickOutsideDeactivates": true,
                      }
                    }
                    paused={false}
                  >
                    <div
                      className="pf-l-bullseye"
                    >
                      <ModalBox
                        aria-describedby="pf-modal-part-2"
                        aria-label="Alert modal"
                        aria-labelledby="pf-modal-part-0 alert-modal-header-label pf-modal-part-1"
                        className=""
                        data-ouia-component-id="OUIA-Generated-Modal-small-1"
                        data-ouia-component-type="PF4/ModalContent"
                        data-ouia-safe={true}
                        id="pf-modal-part-0"
                        style={Object {}}
                        variant="small"
                      >
                        <div
                          aria-describedby="pf-modal-part-2"
                          aria-label="Alert modal"
                          aria-labelledby="pf-modal-part-0 alert-modal-header-label pf-modal-part-1"
                          aria-modal="true"
                          className="pf-c-modal-box pf-m-sm"
                          data-ouia-component-id="OUIA-Generated-Modal-small-1"
                          data-ouia-component-type="PF4/ModalContent"
                          data-ouia-safe={true}
                          id="pf-modal-part-0"
                          role="dialog"
                          style={Object {}}
                        >
                          <ModalBoxCloseButton
                            onClose={[Function]}
                          >
                            <Button
                              aria-label="Close"
                              className=""
                              onClick={[Function]}
                              variant="plain"
                            >
                              <button
                                aria-disabled={false}
                                aria-label="Close"
                                className="pf-c-button pf-m-plain"
                                data-ouia-component-id="OUIA-Generated-Button-plain-1"
                                data-ouia-component-type="PF4/Button"
                                data-ouia-safe={true}
                                disabled={false}
                                onClick={[Function]}
                                role={null}
                                type="button"
                              >
                                <TimesIcon
                                  color="currentColor"
                                  noVerticalAlign={false}
                                  size="sm"
                                >
                                  <svg
                                    aria-hidden={true}
                                    aria-labelledby={null}
                                    fill="currentColor"
                                    height="1em"
                                    role="img"
                                    style={
                                      Object {
                                        "verticalAlign": "-0.125em",
                                      }
                                    }
                                    viewBox="0 0 352 512"
                                    width="1em"
                                  >
                                    <path
                                      d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
                                    />
                                  </svg>
                                </TimesIcon>
                              </button>
                            </Button>
                          </ModalBoxCloseButton>
                          <ModalBoxHeader
                            help={null}
                          >
                            <header
                              className="pf-c-modal-box__header"
                            >
                              <AlertModal__Header>
                                <StyledComponent
                                  forwardedComponent={
                                    Object {
                                      "$$typeof": Symbol(react.forward_ref),
                                      "attrs": Array [],
                                      "componentStyle": ComponentStyle {
                                        "componentId": "AlertModal__Header-l9z1bu-0",
                                        "isStatic": false,
                                        "lastClassName": "hQFWHX",
                                        "rules": Array [
                                          "display:flex;svg{margin-right:16px;}",
                                        ],
                                      },
                                      "displayName": "AlertModal__Header",
                                      "foldedComponentIds": Array [],
                                      "render": [Function],
                                      "styledComponentId": "AlertModal__Header-l9z1bu-0",
                                      "target": "div",
                                      "toString": [Function],
                                      "warnTooManyClasses": [Function],
                                      "withComponent": [Function],
                                    }
                                  }
                                  forwardedRef={null}
                                >
                                  <div
                                    className="AlertModal__Header-l9z1bu-0 hQFWHX"
                                  >
                                    <AlertModal___StyledExclamationCircleIcon
                                      size="lg"
                                    >
                                      <StyledComponent
                                        forwardedComponent={
                                          Object {
                                            "$$typeof": Symbol(react.forward_ref),
                                            "attrs": Array [],
                                            "componentStyle": ComponentStyle {
                                              "componentId": "AlertModal___StyledExclamationCircleIcon-l9z1bu-1",
                                              "isStatic": false,
                                              "lastClassName": "jOhcwt",
                                              "rules": Array [
                                                "color:var(--pf-global--danger-color--100)",
                                              ],
                                            },
                                            "displayName": "AlertModal___StyledExclamationCircleIcon",
                                            "foldedComponentIds": Array [],
                                            "render": [Function],
                                            "styledComponentId": "AlertModal___StyledExclamationCircleIcon-l9z1bu-1",
                                            "target": [Function],
                                            "toString": [Function],
                                            "warnTooManyClasses": [Function],
                                            "withComponent": [Function],
                                          }
                                        }
                                        forwardedRef={null}
                                        size="lg"
                                      >
                                        <ExclamationCircleIcon
                                          className="AlertModal___StyledExclamationCircleIcon-l9z1bu-1 jOhcwt"
                                          color="currentColor"
                                          noVerticalAlign={false}
                                          size="lg"
                                        >
                                          <svg
                                            aria-hidden={true}
                                            aria-labelledby={null}
                                            className="AlertModal___StyledExclamationCircleIcon-l9z1bu-1 jOhcwt"
                                            fill="currentColor"
                                            height="2em"
                                            role="img"
                                            style={
                                              Object {
                                                "verticalAlign": "-0.25em",
                                              }
                                            }
                                            viewBox="0 0 512 512"
                                            width="2em"
                                          >
                                            <path
                                              d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
                                            />
                                          </svg>
                                        </ExclamationCircleIcon>
                                      </StyledComponent>
                                    </AlertModal___StyledExclamationCircleIcon>
                                    <Title
                                      headingLevel="h2"
                                      id="alert-modal-header-label"
                                      size="2xl"
                                    >
                                      <h2
                                        className="pf-c-title pf-m-2xl"
                                        id="alert-modal-header-label"
                                      >
                                        Remove Team Access
                                      </h2>
                                    </Title>
                                  </div>
                                </StyledComponent>
                              </AlertModal__Header>
                            </header>
                          </ModalBoxHeader>
                          <ModalBoxBody
                            id="pf-modal-part-2"
                          >
                            <div
                              className="pf-c-modal-box__body"
                              id="pf-modal-part-2"
                            >
                              Are you sure you want to remove Member access from The Team?  Doing so affects all members of the team.
                              <br />
                              <br />
                              If you only want to remove access for this particular user, please remove them from the team.
                            </div>
                          </ModalBoxBody>
                          <ModalBoxFooter>
                            <footer
                              className="pf-c-modal-box__footer"
                            >
                              <Button
                                aria-label="Confirm delete"
                                key="delete"
                                onClick={[Function]}
                                variant="danger"
                              >
                                <button
                                  aria-disabled={false}
                                  aria-label="Confirm delete"
                                  className="pf-c-button pf-m-danger"
                                  data-ouia-component-id="OUIA-Generated-Button-danger-1"
                                  data-ouia-component-type="PF4/Button"
                                  data-ouia-safe={true}
                                  disabled={false}
                                  onClick={[Function]}
                                  role={null}
                                  type="button"
                                >
                                  Delete
                                </button>
                              </Button>
                              <Button
                                key="cancel"
                                onClick={[Function]}
                                variant="secondary"
                              >
                                <button
                                  aria-disabled={false}
                                  aria-label={null}
                                  className="pf-c-button pf-m-secondary"
                                  data-ouia-component-id="OUIA-Generated-Button-secondary-1"
                                  data-ouia-component-type="PF4/Button"
                                  data-ouia-safe={true}
                                  disabled={false}
                                  onClick={[Function]}
                                  role={null}
                                  type="button"
                                >
                                  Cancel
                                </button>
                              </Button>
                            </footer>
                          </ModalBoxFooter>
                        </div>
                      </ModalBox>
                    </div>
                  </FocusTrap>
                </div>
              </Backdrop>
            </ModalContent>
          </Portal>
        </Modal>
      </AlertModal>
    </I18n>
  </WithI18n>
</DeleteRoleConfirmationModal>
`;
