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

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

import React__default from 'react';
import ContentLoader from '../../../../../../node_modules/react-content-loader/dist/react-content-loader.es.js';

/**
 * @file index.tsx
 *
 * @fileoverview Shows a placeholder when a job Detail is loading.
 */
/**
 * Placeholder skeleton for job Detail for when page is loading. Skeletons
 * help provide some guidance to the user for  what the page will have
 * while content is loading.
 */
const JobDetailPlaceholder = () => (React__default.createElement(ContentLoader, { height: 400, width: 400, speed: 1, primaryColor: "#f3f3f3", secondaryColor: "#ecebeb" },
    React__default.createElement("rect", { x: "0", y: "0", rx: "0", ry: "0", width: "70", height: "70" }),
    React__default.createElement("rect", { x: "80", y: "0", rx: "4", ry: "4", width: "400", height: "9" }),
    React__default.createElement("rect", { x: "80", y: "20", rx: "4", ry: "4", width: "200", height: "9" }),
    React__default.createElement("rect", { x: "80", y: "40", rx: "4", ry: "4", width: "150", height: "9" }),
    React__default.createElement("rect", { x: "0", y: "93", rx: "4", ry: "4", width: "400", height: "9" }),
    React__default.createElement("rect", { x: "0", y: "109", rx: "4", ry: "4", width: "100", height: "8" }),
    React__default.createElement("rect", { x: "0", y: "130", rx: "4", ry: "4", width: "400", height: "10" }),
    React__default.createElement("rect", { x: "0", y: "145", rx: "4", ry: "4", width: "400", height: "10" }),
    React__default.createElement("rect", { x: "0", y: "159", rx: "4", ry: "4", width: "100", height: "10" }),
    React__default.createElement("rect", { x: "0", y: "179", rx: "5", ry: "5", width: "400", height: "200" })));

export { JobDetailPlaceholder };