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

exports[`<Chat /> should load chat 1`] = `
<div
  class="chat chat--expanded chat--video-not-visible chat--content-not-visible "
  data-no-instant={true}
>
  <div
    class="chat__channels chat__channels--expanded"
  >
    <button
      class="chat__channelstogglebutt"
      onClick={[Function]}
      type="button"
    >
      &lt;
    </button>
    <div
      class="chat__channeltypefilter"
    >
      <button
        class="chat__channelssearchtoggle"
        onClick={[Function]}
      >
        <svg
          height="17"
          viewBox="0 0 24 24"
          width="17"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            d="M0 0h24v24H0z"
            fill="none"
          />
          <path
            d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"
          />
        </svg>
      </button>
      <button
        class="chat__channeltypefilterbutton crayons-indicator crayons-indicator--accent"
        data-channel-type="all"
        onClick={[Function]}
        type="button"
      >
        all
      </button>
      <button
        class="chat__channeltypefilterbutton crayons-indicator crayons-indicator--"
        data-channel-type="direct"
        onClick={[Function]}
        type="button"
      >
        direct
      </button>
      <button
        class="chat__channeltypefilterbutton crayons-indicator crayons-indicator--"
        data-channel-type="invite_only"
        onClick={[Function]}
        type="button"
      >
        group
      </button>
    </div>
    <div
      class="chatchannels"
    >
      <div
        class="chatchannels__channelslist"
        id="chatchannels__channelslist"
      />
      <div
        class="chatchannels__config"
      >
        <img
          alt=""
          src=""
          style={
            Object {
              "height": "18px",
            }
          }
        />
        <div
          class="chatchannels__configmenu"
        >
          <a
            href="/settings"
          >
            DEV Settings
          </a>
          <a
            href="/report-abuse"
          >
            Report Abuse
          </a>
        </div>
      </div>
    </div>
  </div>
  <div
    class="chat__activechat"
  >
    <div
      class="activechatchannel"
    >
      <div
        class="activechatchannel__conversation"
      >
        <div
          class="activechatchannel__header"
        >
           
        </div>
        <div
          class="activechatchannel__messages"
          id="messagelist"
          onScroll={[Function]}
          ref={[Function]}
        >
          <div
            class="messagelist__sentinel"
            id="messagelist__sentinel"
          />
        </div>
        <div
          class="chatchanneljumpback chatchanneljumpback__hide"
          id="jumpback_button"
        >
          <div
            class="chatchanneljumpback__messages"
            onClick={[Function]}
            onKeyUp={[Function]}
            role="button"
            tabIndex="0"
          >
            Scroll to Bottom
          </div>
        </div>
        <div
          class="message__delete__modal message__delete__modal__hide"
          id="message"
        >
          <div
            class="modal__content"
          >
            <h3>
               Are you sure, you want to delete this message ?
            </h3>
            <div
              class="delete__action__buttons"
            >
              <div
                class="message__cancel__button"
                onClick={[Function]}
                onKeyUp={[Function]}
                role="button"
                tabIndex="0"
              >
                 Cancel
              </div>
              <div
                class="message__delete__button"
                onClick={[Function]}
                onKeyUp={[Function]}
                role="button"
                tabIndex="0"
              >
                 Delete
              </div>
            </div>
          </div>
        </div>
        <div
          class="activechatchannel__alerts"
        >
          <div
            class="chatalert__default chatalert__default--hidden"
          >
            More new messages below
          </div>
        </div>
        <div
          class="mention__list"
          id="mentionList"
        >
           
        </div>
        <div
          class="activechatchannel__form"
        >
          <div
            class="compose__outer__container"
          >
            <div
              class="messagecomposer"
            >
              <textarea
                class="messagecomposer__input"
                id="messageform"
                maxLength="1000"
                onKeyDown={[Function]}
                onKeyPress={[Function]}
                onKeyUp={[Function]}
                placeholder="Let's connect"
              />
              <button
                class="messagecomposer__submit cta"
                onClick={[Function]}
                type="button"
              >
                SEND
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;
