jobiqo-cl/lib/src/components/05-templates/02-jobs/01-split-view/index.js

[](https://circleci.com/gh/jobiqo/jobiqo-cl)

'use strict';

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

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var React = require('react');
var React__default = _interopDefault(React);
var styles = require('./styles.js');

/**
 * @file
 *
 * @fileoverview Creates a split view layout (list on the left detail on the right).
 */
/**
 * Displays a split view layout where a list of items is
 * shown on the left and the detail is shown on the right.
 */
const SplitViewLayout = ({ sidebar, title = null, children, height = 'auto', inDetail = false }) => {
    return (React__default.createElement(styles.SideViewWrapper, { height: height },
        React__default.createElement(styles.SideViewSidebar, { inDetail: inDetail },
            title ? React__default.createElement(styles.SideTitle, null, title) : null,
            sidebar),
        React__default.createElement(styles.SideViewMain, { inDetail: inDetail }, children)));
};

exports.SplitViewLayout = SplitViewLayout;