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

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

import React__default from 'react';
import { SideViewWrapper, SideViewSidebar, SideTitle, SideViewMain } from './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(SideViewWrapper, { height: height },
        React__default.createElement(SideViewSidebar, { inDetail: inDetail },
            title ? React__default.createElement(SideTitle, null, title) : null,
            sidebar),
        React__default.createElement(SideViewMain, { inDetail: inDetail }, children)));
};

export { SplitViewLayout };