jobiqo-cl/lib/src/components/04-organisms/05-placeholders/03-job/02-search/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 index = require('../../../../02-atoms/06-layout/04-grid/index.js');
var index$1 = require('../../../../02-atoms/06-layout/04-grid/01-cell/index.js');
var index$2 = require('../../../../02-atoms/06-layout/09-main/index.js');
var index$1$1 = require('../../../../02-atoms/07-box/index.js');
var index$3 = require('../../../../03-molecules/07-search/01-search-box/index.js');
var index$4 = require('../01-facet/index.js');
var index$5 = require('../03-teaser/index.js');

/**
 * @file index.tsx
 *
 * @fileoverview Shows a placeholder when a search page is loading.
 */
/**
 * Placeholder skeleton for jobs for when page is loading.
 * Skeletons help provide some guidance to the user for
 * what the page will have while content is loading.
 */
const JobsPlaceholder = () => {
    return (React__default.createElement("div", null,
        React__default.createElement(index$3.default, null),
        React__default.createElement(index$2.default, null,
            React__default.createElement(index.default, { gridTemplateColumns: "repeat(auto-fit,minmax(250px,1fr))" },
                React__default.createElement(index$1.default, { gridColumn: 1 },
                    React__default.createElement(index$1$1.default, null,
                        React__default.createElement(index$4.JobFacetPlaceholder, null)),
                    React__default.createElement(index$1$1.default, null,
                        React__default.createElement(index$4.JobFacetPlaceholder, null))),
                React__default.createElement(index$1.default, { gridColumn: 2 },
                    React__default.createElement(index$1$1.default, { paddingClean: true }, Array.from([1, 2, 3, 4, 5, 6]).map(jobPlaceholder => {
                        return (React__default.createElement(index$1$1.default, { marginClean: true, key: jobPlaceholder },
                            React__default.createElement(index$5.JobTeaserPlaceholder, null)));
                    })))))));
};

exports.JobsPlaceholder = JobsPlaceholder;