import React__default from 'react';
import 'next/router';
import Modal from 'react-bootstrap/Modal';
import Button from 'react-bootstrap/Button';
import { s as styleInject } from './style-inject.es-1f59c1d0.js';

var css = ".HealthcareProfessionalModal-module_container__HUaSr {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  background: rgba(0,0,0,.1);\n  z-index: 9999999999;\n  display: grid;\n  place-items: center;\n}\n.HealthcareProfessionalModal-module_modal__31CzM{\n  background: #fff;\n  padding: 1.5rem;\n  text-align: center;\n  position: relative;\n  width: 400px;\n  max-width: 90vw;\n\n  box-shadow: 2px 4px 8px rgba(0,0,0,.2);\n  animation: HealthcareProfessionalModal-module_show__3soMo .5s forwards;\n  transform: translateY(0);\n  opacity:1;\n}\n.HealthcareProfessionalModal-module_header__3uIr7 {\n  background-color: #0d335a;\nposition: absolute;\n  padding: 1rem;\n  width: 80%;\ntop:  0;\nleft: 50%;\ntransform: translateX(-50%) translateY(-50%) ;\n border-radius: 15px;\n}\n.HealthcareProfessionalModal-module_body__3bnyN {\n  color: #202020;\n}\n.HealthcareProfessionalModal-module_body__3bnyN span{\n  font-weight: bold;\n}\n.HealthcareProfessionalModal-module_body__3bnyN .HealthcareProfessionalModal-module_title__27l5n {\n  font-size: 24px;\n  margin-bottom: 1rem;\n}\n.HealthcareProfessionalModal-module_controls__1wXJl button {\n  margin: 1.5rem 1rem;\n  border-radius: 5px;\n  font-size: 1rem;\n}\n@keyframes HealthcareProfessionalModal-module_show__3soMo {\n  from{\n    transform: translateY(25px);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity:1;\n  }\n}";
var styles = { "container": "HealthcareProfessionalModal-module_container__HUaSr", "modal": "HealthcareProfessionalModal-module_modal__31CzM", "show": "HealthcareProfessionalModal-module_show__3soMo", "header": "HealthcareProfessionalModal-module_header__3uIr7", "body": "HealthcareProfessionalModal-module_body__3bnyN", "title": "HealthcareProfessionalModal-module_title__27l5n", "controls": "HealthcareProfessionalModal-module_controls__1wXJl" };
styleInject(css);

var HealthcareProfessionalModal = function HealthcareProfessionalModal(_ref) {
  var SetCookie = _ref.SetCookie,
      setHealthcareCheck = _ref.setHealthcareCheck;

  var handleGoBack = function handleGoBack() {
    window.location.href = '/';
  };
  var handleHideModal = function handleHideModal() {
    SetCookie('healthcareProfessional', true);
    setHealthcareCheck(false);
  };

  return React__default.createElement(
    'div',
    { className: styles.container },
    React__default.createElement(
      Modal.Dialog,
      { style: { background: '#fff', width: '500px', maxWidth: '90vw' } },
      React__default.createElement(
        Modal.Header,
        null,
        React__default.createElement(
          Modal.Title,
          null,
          'ARE YOU A HEALTHCARE PROVIDER?'
        )
      ),
      React__default.createElement(
        Modal.Body,
        { style: { padding: '1rem' } },
        React__default.createElement(
          'p',
          { style: { fontSize: '1.2rem' } },
          'The information contained in this section of the site is intended for US healthcare professionals only.'
        ),
        React__default.createElement(
          'div',
          null,
          'Click on the appropriate button below.'
        )
      ),
      React__default.createElement(
        Modal.Footer,
        null,
        React__default.createElement(
          Button,
          { style: { backgroundColor: '#1b58ed', borderColor: '#1b58ed' }, onClick: handleHideModal, variant: 'secondary' },
          'Yes'
        ),
        React__default.createElement(
          Button,
          { onClick: handleGoBack, variant: 'secondary' },
          'No'
        )
      )
    )
  );
};

export default HealthcareProfessionalModal;
