ChatButton.js

import React from 'react';
import ChatButton from '../PathToChatButton;

//ChatButton props:
//label:string
//shadow:boolean <= shows the activity indicator
//direction:enum string <= options:left, right,left-reversed,right-reveresed
//onClick:function <= custom function to handle on click events.
//send: boolean <= if true, the shape of the button change to rectangle and color green
// if (send === true), ChatButton MUST be wrapped by a position relative parent

const Example=()=>{
  return(
      <React.Fragment>
          <ChatButton  label={'Try me'} shadow={true} direction='right-reversed' />
          <ChatButton label={'Try me'} shadow={true} direction='right' /> 
          <ChatButton label={'Try me'} shadow={true} direction='lefts-reversed' />
          <ChatButton label={'Try me'} shadow={true} />
          <div style={{ width: '300px', position: 'relative' }}>
            <ChatButton label={'Try rectangle button'} shadow={true} send={true} onClick={()=>{alert("I'm the only button with onClick events")}}/>
          </div>
      </React.Fragment>
)}

export default Example;