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

exports[`renders a create draft type Modal 1`] = `
<body
  class="ReactModal__Body--open"
>
  <div
    data-react-modal-body-trap=""
    style="position: absolute; opacity: 0;"
    tabindex="0"
  />
  <div />
  <div
    data-react-modal-body-trap=""
    style="position: absolute; opacity: 0;"
    tabindex="0"
  />
  <div
    class="ReactModalPortal"
  >
    <div
      class="ReactModal__Overlay overlay"
    >
      <div
        aria-describedby="message"
        aria-labelledby="title"
        aria-modal="true"
        class="ReactModal__Content modal usa-modal"
        role="dialog"
        tabindex="-1"
      >
        <div
          class="clearfix"
        >
          <div
            class="float-left"
            style="max-width: 80%;"
          >
            <h2
              class="margin-top-0"
              id="title"
            >
              test title
            </h2>
          </div>
          <div
            class="float-right font-sans-md"
          >
            <button
              aria-label="Close"
              class="usa-button usa-button--unstyled margin-left-1 text-base-dark hover:text-base-darker active:text-base-darkest"
              type="button"
            >
              <svg
                aria-hidden="true"
                class="svg-inline--fa fa-times fa-w-11 fa-1x margin-right-1"
                data-icon="times"
                data-prefix="fas"
                focusable="false"
                role="img"
                style="margin-top: 5px;"
                viewBox="0 0 352 512"
                xmlns="http://www.w3.org/2000/svg"
              >
                <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"
                  fill="currentColor"
                />
              </svg>
            </button>
          </div>
        </div>
        <div
          class="font-sans-md margin-top-2 margin-bottom-6"
          id="message"
        >
          test message
        </div>
        <button
          class="usa-button usa-button--base"
          type="button"
        >
          Create draft
        </button>
      </div>
    </div>
  </div>
</body>
`;

exports[`renders a delete type Modal 1`] = `
<body
  class="ReactModal__Body--open"
>
  <div
    data-react-modal-body-trap=""
    style="position: absolute; opacity: 0;"
    tabindex="0"
  />
  <div />
  <div
    data-react-modal-body-trap=""
    style="position: absolute; opacity: 0;"
    tabindex="0"
  />
  <div
    class="ReactModalPortal"
  >
    <div
      class="ReactModal__Overlay overlay"
    >
      <div
        aria-describedby="message"
        aria-labelledby="title"
        aria-modal="true"
        class="ReactModal__Content modal usa-modal"
        role="dialog"
        tabindex="-1"
      >
        <div
          class="clearfix"
        >
          <div
            class="float-left"
            style="max-width: 80%;"
          >
            <h2
              class="margin-top-0"
              id="title"
            >
              test title
            </h2>
          </div>
          <div
            class="float-right font-sans-md"
          >
            <button
              aria-label="Close"
              class="usa-button usa-button--unstyled margin-left-1 text-base-dark hover:text-base-darker active:text-base-darkest"
              type="button"
            >
              <svg
                aria-hidden="true"
                class="svg-inline--fa fa-times fa-w-11 fa-1x margin-right-1"
                data-icon="times"
                data-prefix="fas"
                focusable="false"
                role="img"
                style="margin-top: 5px;"
                viewBox="0 0 352 512"
                xmlns="http://www.w3.org/2000/svg"
              >
                <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"
                  fill="currentColor"
                />
              </svg>
            </button>
          </div>
        </div>
        <div
          class="font-sans-md margin-top-2 margin-bottom-6"
          id="message"
        >
          test message
        </div>
        <button
          class="usa-button usa-button--base"
          type="button"
        >
          Delete
        </button>
      </div>
    </div>
  </div>
</body>
`;

exports[`renders a publish type Modal 1`] = `
<body
  class="ReactModal__Body--open"
>
  <div
    data-react-modal-body-trap=""
    style="position: absolute; opacity: 0;"
    tabindex="0"
  />
  <div />
  <div
    data-react-modal-body-trap=""
    style="position: absolute; opacity: 0;"
    tabindex="0"
  />
  <div
    class="ReactModalPortal"
  >
    <div
      class="ReactModal__Overlay overlay"
    >
      <div
        aria-describedby="message"
        aria-labelledby="title"
        aria-modal="true"
        class="ReactModal__Content modal usa-modal"
        role="dialog"
        tabindex="-1"
      >
        <div
          class="clearfix"
        >
          <div
            class="float-left"
            style="max-width: 80%;"
          >
            <h2
              class="margin-top-0"
              id="title"
            >
              test title
            </h2>
          </div>
          <div
            class="float-right font-sans-md"
          >
            <button
              aria-label="Close"
              class="usa-button usa-button--unstyled margin-left-1 text-base-dark hover:text-base-darker active:text-base-darkest"
              type="button"
            >
              <svg
                aria-hidden="true"
                class="svg-inline--fa fa-times fa-w-11 fa-1x margin-right-1"
                data-icon="times"
                data-prefix="fas"
                focusable="false"
                role="img"
                style="margin-top: 5px;"
                viewBox="0 0 352 512"
                xmlns="http://www.w3.org/2000/svg"
              >
                <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"
                  fill="currentColor"
                />
              </svg>
            </button>
          </div>
        </div>
        <div
          class="font-sans-md margin-top-2 margin-bottom-6"
          id="message"
        >
          test message
        </div>
        <button
          class="usa-button usa-button--base"
          type="button"
        >
          Prepare for publishing
        </button>
      </div>
    </div>
  </div>
</body>
`;

exports[`renders a re-publish type Modal 1`] = `
<body
  class="ReactModal__Body--open"
>
  <div
    data-react-modal-body-trap=""
    style="position: absolute; opacity: 0;"
    tabindex="0"
  />
  <div />
  <div
    data-react-modal-body-trap=""
    style="position: absolute; opacity: 0;"
    tabindex="0"
  />
  <div
    class="ReactModalPortal"
  >
    <div
      class="ReactModal__Overlay overlay"
    >
      <div
        aria-describedby="message"
        aria-labelledby="title"
        aria-modal="true"
        class="ReactModal__Content modal usa-modal"
        role="dialog"
        tabindex="-1"
      >
        <div
          class="clearfix"
        >
          <div
            class="float-left"
            style="max-width: 80%;"
          >
            <h2
              class="margin-top-0"
              id="title"
            >
              test title
            </h2>
          </div>
          <div
            class="float-right font-sans-md"
          >
            <button
              aria-label="Close"
              class="usa-button usa-button--unstyled margin-left-1 text-base-dark hover:text-base-darker active:text-base-darkest"
              type="button"
            >
              <svg
                aria-hidden="true"
                class="svg-inline--fa fa-times fa-w-11 fa-1x margin-right-1"
                data-icon="times"
                data-prefix="fas"
                focusable="false"
                role="img"
                style="margin-top: 5px;"
                viewBox="0 0 352 512"
                xmlns="http://www.w3.org/2000/svg"
              >
                <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"
                  fill="currentColor"
                />
              </svg>
            </button>
          </div>
        </div>
        <div
          class="font-sans-md margin-top-2 margin-bottom-6"
          id="message"
        >
          test message
        </div>
        <button
          class="usa-button usa-button--base"
          type="button"
        >
          Re-publish
        </button>
      </div>
    </div>
  </div>
</body>
`;

exports[`renders an archive type Modal 1`] = `
<body
  class="ReactModal__Body--open"
>
  <div
    data-react-modal-body-trap=""
    style="position: absolute; opacity: 0;"
    tabindex="0"
  />
  <div />
  <div
    data-react-modal-body-trap=""
    style="position: absolute; opacity: 0;"
    tabindex="0"
  />
  <div
    class="ReactModalPortal"
  >
    <div
      class="ReactModal__Overlay overlay"
    >
      <div
        aria-describedby="message"
        aria-labelledby="title"
        aria-modal="true"
        class="ReactModal__Content modal usa-modal"
        role="dialog"
        tabindex="-1"
      >
        <div
          class="clearfix"
        >
          <div
            class="float-left"
            style="max-width: 80%;"
          >
            <h2
              class="margin-top-0"
              id="title"
            >
              test title
            </h2>
          </div>
          <div
            class="float-right font-sans-md"
          >
            <button
              aria-label="Close"
              class="usa-button usa-button--unstyled margin-left-1 text-base-dark hover:text-base-darker active:text-base-darkest"
              type="button"
            >
              <svg
                aria-hidden="true"
                class="svg-inline--fa fa-times fa-w-11 fa-1x margin-right-1"
                data-icon="times"
                data-prefix="fas"
                focusable="false"
                role="img"
                style="margin-top: 5px;"
                viewBox="0 0 352 512"
                xmlns="http://www.w3.org/2000/svg"
              >
                <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"
                  fill="currentColor"
                />
              </svg>
            </button>
          </div>
        </div>
        <div
          class="font-sans-md margin-top-2 margin-bottom-6"
          id="message"
        >
          test message
        </div>
        <button
          class="usa-button usa-button--base"
          type="button"
        >
          Archive
        </button>
      </div>
    </div>
  </div>
</body>
`;