/* global React, InquiryModal */
const { useState: useStatePE } = React;

function PrivateEvents() {
  const [open, setOpen] = useStatePE(false);
  return (
    <section id="private-events" className="dh-party">
      <div className="dh-party-inner">

        <div>
          <span className="dh-party-eyebrow">Parties of 8 or more</span>
          <h2 className="dh-party-title">Let Us Host<br/>Your Event</h2>
          <p className="dh-party-lead">
            Birthdays, anniversaries, work dinners, a long table for the family that's in from out of town &mdash; we'll set the menu and pour the wine.
          </p>
        </div>

        <div className="dh-party-cta">
          <button
            className="dh-btn dh-btn-primary"
            onClick={() => setOpen(true)}
          >
            Inquire
          </button>
          <span className="dh-party-hand">&mdash; we'll get back to you within a day.</span>
        </div>

      </div>

      <InquiryModal open={open} onClose={() => setOpen(false)} />
    </section>
  );
}

window.PrivateEvents = PrivateEvents;