import React from "react";

const noop = () => {};

const ClickableBox = ({ onClick, onDoubleClick }) => (
  <div onClick={onClick} onDoubleClick={onDoubleClick}>
    Click or double click
  </div>
);

ClickableBox.defaultProps = {
  onClick: noop,
  onDoubleClick: noop,
};

const DoubleClickExample = () => (
  <ClickableBox
    onClick={() => console.log("on click")}
    onDoubleClick={() => console.log("on double click")}
  />
);

export default DoubleClickExample;