/* global React, IconWhatsApp, IconPhone, IconArrow */

function Floats({ onBook }) {
  return (
    <React.Fragment>
      <div className="fab">
        <a className="fab__btn" data-lbl="WhatsApp · pending" href="#" onClick={e => e.preventDefault()} aria-label="WhatsApp">
          <IconWhatsApp size={26} />
        </a>
        <a className="fab__btn call" data-lbl={CLINIC.phone} href={CLINIC.phoneHref} aria-label="Call clinic">
          <IconPhone size={20} />
        </a>
      </div>
      <div className="mobile-cta">
        <span className="t">Empire Dental Clinic</span>
        <button className="btn btn--primary" onClick={onBook}>
          Book <IconArrow size={14} />
        </button>
      </div>
    </React.Fragment>
  );
}

window.Floats = Floats;