jobiqo-cl/lib/es/src/components/04-organisms/05-placeholders/03-job/04-split-screen/index.js

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

import React__default from 'react';
import Box from '../../../../02-atoms/07-box/index.js';
import { JobTeaserPlaceholder } from '../03-teaser/index.js';
import { SplitViewLayout } from '../../../../05-templates/02-jobs/01-split-view/index.js';
import { JobDetailPlaceholder } from '../05-detail/index.js';

/**
 * @file index.tsx
 *
 * @fileoverview Shows a placeholder when a jobs split screen page is loading.
 */
/**
 * Placeholder skeleton for jobs split screen for when page is loading.
 * Skeletons help provide some guidance to the user for
 * what the page will have while content is loading.
 */
const JobsSplitScreenPlaceholder = () => {
    return (React__default.createElement(SplitViewLayout, { sidebar: Array.from([1, 2, 3, 4, 5, 6, 7, 8]).map(jobPlaceholder => {
            return (React__default.createElement(Box, { marginClean: true, key: jobPlaceholder },
                React__default.createElement(JobTeaserPlaceholder, null)));
        }) },
        React__default.createElement(Box, { m: 0, boxShadow: "none" },
            React__default.createElement("div", { style: { maxWidth: '500px' } },
                React__default.createElement(JobDetailPlaceholder, null)))));
};

export { JobsSplitScreenPlaceholder };