import { h } from 'preact';
import PropTypes from 'prop-types';

const ContactViaConnect = ({ onChange, checked }) => (
  <div className="field">
    <label
      id="label-contact-via-connect"
      className="listingform__label"
      htmlFor="contact_via_connect"
    >
      Allow Users to Message Me Via In-App Chat (DEV Connect)
    </label>
    <input
      type="checkbox"
      className="listingform__input listingform__contact_via_connect"
      id="contact_via_connect"
      name="listing[contact_via_connect]"
      onInput={onChange}
      checked={checked}
    />
  </div>
);

ContactViaConnect.propTypes = {
  onChange: PropTypes.func.isRequired,
  checked: PropTypes.bool.isRequired,
};

export default ContactViaConnect;