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

exports[`/components/confirmationDialogBox confirmDialog should match snapshot 1`] = `
<div>
  <div
    class="Dialog dialog-back confirmation-dialog-box size--small"
  >
    <div
      class="backdrop"
    />
    <div
      class="wrapper"
    >
      <div
        class="dialog"
        role="dialog"
      >
        <div
          class="toolbar"
        >
          <div>
            <h1
              class="dialog-title"
            />
          </div>
          <div
            class="toolbar--right"
          >
            <button
              aria-label="Close dialog"
              class="IconButton dialog__close size--medium"
              title="Close dialog"
              type="button"
            >
              <i
                class="CompassIcon icon-close CloseIcon"
              />
            </button>
          </div>
        </div>
        <div
          class="box-area"
          title="Confirmation Dialog Box"
        >
          <h3
            class="text-heading5"
          >
            test-heading
          </h3>
          <div
            class="sub-text"
          >
            test-sub-text
          </div>
          <div
            class="action-buttons"
          >
            <button
              class="Button emphasis--tertiary size--medium"
              title="Cancel"
              type="button"
            >
              <span>
                Cancel
              </span>
            </button>
            <button
              class="Button filled size--medium"
              title="test-btn-text"
              type="submit"
            >
              <span>
                test-btn-text
              </span>
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`/components/confirmationDialogBox confirmDialog with Confirm Button Text should match snapshot 1`] = `
<div>
  <div
    class="Dialog dialog-back confirmation-dialog-box size--small"
  >
    <div
      class="backdrop"
    />
    <div
      class="wrapper"
    >
      <div
        class="dialog"
        role="dialog"
      >
        <div
          class="toolbar"
        >
          <div>
            <h1
              class="dialog-title"
            />
          </div>
          <div
            class="toolbar--right"
          >
            <button
              aria-label="Close dialog"
              class="IconButton dialog__close size--medium"
              title="Close dialog"
              type="button"
            >
              <i
                class="CompassIcon icon-close CloseIcon"
              />
            </button>
          </div>
        </div>
        <div
          class="box-area"
          title="Confirmation Dialog Box"
        >
          <h3
            class="text-heading5"
          >
            test-heading
          </h3>
          <div
            class="sub-text"
          >
            test-sub-text
          </div>
          <div
            class="action-buttons"
          >
            <button
              class="Button emphasis--tertiary size--medium"
              title="Cancel"
              type="button"
            >
              <span>
                Cancel
              </span>
            </button>
            <button
              class="Button filled size--medium"
              title="test-btn-text"
              type="submit"
            >
              <span>
                test-btn-text
              </span>
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;
