'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _ramda = require('ramda');

var _ramda2 = _interopRequireDefault(_ramda);

require('./style.css');

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

var ApplicationLayout = function ApplicationLayout(_ref) {
  var sideNav = _ref.sideNav,
      sideNavState = _ref.sideNavState,
      children = _ref.children;
  return _react2.default.createElement(
    'div',
    { className: 'vs-application-layout' },
    _react2.default.createElement(
      'div',
      { className: 'vs-application-layout-container' },
      _react2.default.createElement(
        'div',
        {
          className: sideNavState || _ramda2.default.isNil(sideNavState) ? 'vs-application-layout-side' : 'vs-application-layout-side-collapsed' },
        sideNav
      ),
      _react2.default.createElement(
        'div',
        { className: 'vs-application-layout-content' },
        children
      ),
      _react2.default.createElement('div', { className: 'vs-application-layout-filter' })
    )
  );
};

exports.default = ApplicationLayout;