/**
 * @param {ReactClass} Target The component that defines `onOutsideEvent` handler.
 * @param {String[]} supportedEvents A list of valid DOM event names. Default: ['mousedown'].
 * @return {ReactClass}
 */

import React from 'react';
import ReactDOM from 'react-dom';
import ReactOutsideEvent from 'react-outside-event';
class Player extends React.Component {
    onOutsideEvent = (event) => {
        // Handle the event.
    }
    render () {
        return <div>Hello, World!</div>;
    }
}
export default ReactOutsideEvent(Player, ['click']);

import React from 'react';
import ReactDOM from 'react-dom';
import ReactOutsideEvent from 'react-outside-event';
class Player extends React.Component {
    onOutsideEvent = (event) => {
        if (event.type === 'mousedown') {
        } else if (event.type === 'mouseup') {
        }
    }
    render () {
        return <div>Hello, World!</div>;
    }
}
export default ReactOutsideEvent(Player, ['mousedown', 'mouseup']);