jobiqo-cl/lib/es/src/components/04-organisms/05-placeholders/03-job/03-teaser/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 teaser is loading.
 */
/**
 * Placeholder skeleton for job teaser for when page is loading. Skeletons
 * help provide some guidance to the user for  what the page will have
 * while content is loading.
 */
const JobTeaserPlaceholder = () => (React__default.createElement(ContentLoader, { height: 60, width: 400, speed: 2, primaryColor: "#f3f3f3", secondaryColor: "#ecebeb" },
    React__default.createElement("rect", { x: "67", y: "3", rx: "3", ry: "3", width: "62", height: "7" }),
    React__default.createElement("rect", { x: "138", y: "4", rx: "3", ry: "3", width: "89", height: "7" }),
    React__default.createElement("rect", { x: "236", y: "4", rx: "3", ry: "3", width: "9", height: "7" }),
    React__default.createElement("rect", { x: "77", y: "17", rx: "3", ry: "3", width: "116", height: "7" }),
    React__default.createElement("rect", { x: "205", y: "18", rx: "3", ry: "3", width: "116", height: "7" }),
    React__default.createElement("rect", { x: "78", y: "32", rx: "3", ry: "3", width: "80", height: "7" }),
    React__default.createElement("rect", { x: "169", y: "33", rx: "3", ry: "3", width: "53", height: "7" }),
    React__default.createElement("rect", { x: "231", y: "33", rx: "3", ry: "3", width: "53", height: "7" }),
    React__default.createElement("rect", { x: "67", y: "48", rx: "3", ry: "3", width: "27", height: "7" }),
    React__default.createElement("circle", { cx: "63", cy: "43", r: "0" }),
    React__default.createElement("rect", { x: "1", y: "0", rx: "0", ry: "0", width: "60", height: "59" }),
    React__default.createElement("rect", { x: "106", y: "21", rx: "0", ry: "0", width: "0", height: "0" })));

export { JobTeaserPlaceholder };