react-themable-hoc/dist/stories/components/InnerComponent.js

React higher-order-components that allow for css-in-js-style themes.

(function (global, factory) {
    if (typeof define === "function" && define.amd) {
        define(['exports', 'react'], factory);
    } else if (typeof exports !== "undefined") {
        factory(exports, require('react'));
    } else {
        var mod = {
            exports: {}
        };
        factory(mod.exports, global.react);
        global.InnerComponent = mod.exports;
    }
})(this, function (exports, _react) {
    'use strict';

    Object.defineProperty(exports, "__esModule", {
        value: true
    });

    var _react2 = _interopRequireDefault(_react);

    function _interopRequireDefault(obj) {
        return obj && obj.__esModule ? obj : {
            default: obj
        };
    }

    var InnerComponent = function InnerComponent(_ref) {
        var classNames = _ref.classNames;
        return _react2.default.createElement(
            'div',
            { className: classNames.wrapper },
            _react2.default.createElement(
                'p',
                { className: classNames.content },
                'Press \'t\' to toggle between themes'
            )
        );
    };

    InnerComponent.displayName = 'InnerComponent';

    exports.default = InnerComponent;
});