react-cqtoolbox/lib/layout/index.js

[![Travis][build-badge]][build] [![npm package][npm-badge]][npm] [![Coveralls][coveralls-badge]][coveralls]

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Footer = exports.Content = exports.Sider = exports.Header = exports.Layout = undefined;

var _Basic = require('./Basic.js');

var _Sider = require('./Sider.js');

var _Sider2 = _interopRequireDefault(_Sider);

var _reactCssThemr = require('react-css-themr');

var _identifiers = require('../identifiers');

var _theme = require('./theme.css');

var _theme2 = _interopRequireDefault(_theme);

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

var applyTheme = function applyTheme(Component) {
  return (0, _reactCssThemr.themr)(_identifiers.LAYOUT, _theme2.default)(Component);
};

var ThemedLayout = applyTheme((0, _Basic.basicFactory)('layout'));
var ThemedHeader = applyTheme((0, _Basic.basicFactory)('header'));
var ThemedContent = applyTheme((0, _Basic.basicFactory)('content'));
var ThemedFooter = applyTheme((0, _Basic.basicFactory)('footer'));
var ThemedSider = applyTheme(_Sider2.default);

exports.default = ThemedLayout;
exports.Layout = ThemedLayout;
exports.Header = ThemedHeader;
exports.Sider = ThemedSider;
exports.Content = ThemedContent;
exports.Footer = ThemedFooter;