es6.jsx

// Load the default exported object from some modules
import React from 'react';
import Actions from './Actions.jsx';
import ProgressBar from './ProgressBar.jsx';

// Load all fns exported in a module
import * as api from './api';
// Load some fns exported in a module
import {decodeParams, pad} from './utils';

// Class exported as the default object.
// Can be loaded with `import Player from './filename'`.
export default class Player extends React.Component {
    render() {
        return (
            <div><Actions/><ProgressBar/></div>
        );
    }
};

// private (not exported) Class with constructor
class ClickWrapper extends React.Component {
    constructor(props, event) {
        super(props);
        this.state = {
            event: event
        };
    }

    handleClick(e) {
        console.log('handleClick not implemented');
    }

    dispatch(eventName, obj) {
        let event = obj ? new CustomEvent(eventName, {detail: obj}):
            new Event(eventName);
        dispatchEvent(event);
    }

    render() {
        return React.DOM.span({
            onClick: this.handleClick,
            className: this.props.className,
            dangerouslySetInnerHTML: this.props.dangerouslySetInnerHTML
        }, this.props.children);
    }
}