// 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> `;