jobiqo-cl/lib/components/05-templates/02-jobs/01-split-view/index.d.ts

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

/**
 * @file
 *
 * @fileoverview Creates a split view layout (list on the left detail on the right).
 */
import React from 'react';
export interface SplitViewLayoutProps {
    /**
     * The content to show on the left side.
     */
    sidebar: React.ReactNode;
    /**
     * The title to show on the top.
     */
    title?: React.ReactNode;
    /**
     * The main content to show (detail).
     */
    children: React.ReactNode;
    /**
     * The height of the whole container.
     *
     * @default "100vh"
     */
    height?: string;
    /**
     * If a detail is being shown (for mobile).
     *
     * @default "false"
     */
    inDetail?: boolean;
}
/**
 * Displays a split view layout where a list of items is
 * shown on the left and the detail is shown on the right.
 */
export declare const SplitViewLayout: ({ sidebar, title, children, height, inDetail }: {
    sidebar: any;
    title?: any;
    children: any;
    height?: string;
    inDetail?: boolean;
}) => JSX.Element;