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 {\r\n  position: fixed;\r\n  left: 0;\r\n  right: 0;\r\n  top: 0;\r\n  bottom: 0;\r\n  background: rgba(0,0,0,.1);\r\n  z-index: 9999999999;\r\n  display: grid;\r\n  place-items: center;\r\n}\r\n.HealthcareProfessionalModal-module_modal__31CzM{\r\n  background: #fff;\r\n  padding: 1.5rem;\r\n  text-align: center;\r\n  position: relative;\r\n  width: 400px;\r\n  max-width: 90vw;\r\n\r\n  box-shadow: 2px 4px 8px rgba(0,0,0,.2);\r\n  animation: HealthcareProfessionalModal-module_show__3soMo .5s forwards;\r\n  transform: translateY(0);\r\n  opacity:1;\r\n}\r\n.HealthcareProfessionalModal-module_header__3uIr7 {\r\n  background-color: #0d335a;\r\nposition: absolute;\r\n  padding: 1rem;\r\n  width: 80%;\r\ntop:  0;\r\nleft: 50%;\r\ntransform: translateX(-50%) translateY(-50%) ;\r\n border-radius: 15px;\r\n}\r\n.HealthcareProfessionalModal-module_body__3bnyN {\r\n  color: #202020;\r\n}\r\n.HealthcareProfessionalModal-module_body__3bnyN span{\r\n  font-weight: bold;\r\n}\r\n.HealthcareProfessionalModal-module_body__3bnyN .HealthcareProfessionalModal-module_title__27l5n {\r\n  font-size: 24px;\r\n  margin-bottom: 1rem;\r\n}\r\n.HealthcareProfessionalModal-module_controls__1wXJl button {\r\n  margin: 1.5rem 1rem;\r\n  border-radius: 5px;\r\n  font-size: 1rem;\r\n}\r\n@keyframes HealthcareProfessionalModal-module_show__3soMo {\r\n  from{\r\n    transform: translateY(25px);\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    transform: translateY(0);\r\n    opacity:1;\r\n  }\r\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 { HealthcareProfessionalModal as default };
