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

exports[`<ChatActionBar /> Style should match the snapshot 1`] = `
.c3 {
  font-size: 1em;
  line-height: 1.465;
  font-weight: normal;
  font-family: Arial,Helvetica,"sans-serif",Helvetica,sans-serif;
  padding: 0;
  white-space: nowrap;
  color: #111111;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  border-width: 0px;
  border-style: solid;
  padding-right: 10px;
  padding-left: 10px;
  font-family: Arial,Helvetica,"sans-serif";
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 260px;
  background: linear-gradient(#FFFFFF,#FFFFFF 80%,#FFFFFF);
  border-color: #fff #fff #fff;
  background: linear-gradient(#FFFFFF,#FFFFFF 80%,#FFFFFF);
  border-color: #fff #fff #fff;
  color: undefined;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
  font-size: 0.875rem;
  box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.1);
}

.c3:hover {
  background: linear-gradient(#fff,#f9f9f9);
}

.c3:focus {
  box-shadow: 0 0 2px 0 #E77600;
  outline: none;
}

.c3:active {
  border-color: #fff #fff #fff;
}

.c3:disabled {
  cursor: not-allowed;
  opacity: 0.7;
  outline: none;
  pointer-events: none;
}

.c3:disabled:hover {
  background: linear-gradient(#FFFFFF,#FFFFFF 80%,#FFFFFF);
}

.c3 > img,
.c3 .loader {
  margin-right: undefined;
  position: relative;
  top: 1px;
}

.c3:hover {
  background: linear-gradient(#fff,#f9f9f9);
}

.c3:focus {
  box-shadow: 0 0 2px 0 #E77600;
  outline: none;
}

.c3:active {
  border-color: #fff #fff #fff;
}

.c3:disabled {
  cursor: not-allowed;
  opacity: 0.7;
  outline: none;
  pointer-events: none;
}

.c3:disabled:hover {
  background: linear-gradient(#FFFFFF,#FFFFFF 80%,#FFFFFF);
}

.c1 {
  background: rgba(242,242,242,0.49);
  height: 85px;
}

.c0 {
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}

.c2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100%;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.c2 > button {
  min-width: 85px;
  margin: 6px;
  font-weight: bold;
}

.c4 {
  margin: 10px;
  width: 43%;
}

@media (max-width:640px) {
  .c0 {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
  }
}

<div
  className="c0"
>
  <div
    className="c1"
  >
    <div
      className="c2"
    >
      <button
        className="c3 c4"
        data-selected={false}
        disabled={false}
        onClick={[Function]}
        selected={false}
        type="default"
      >
        <span>
          End chat
        </span>
      </button>
    </div>
  </div>
</div>
`;