jobiqo-cl/lib/src/components/04-organisms/05-placeholders/04-resume/02-teaser/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 reactContentLoader_es = require('../../../../../../node_modules/react-content-loader/dist/react-content-loader.es.js');

/**
 * @file index.tsx
 *
 * @fileoverview Shows a placeholder when a resume teaser page is loading.
 */
/**
 * Placeholder skeleton for resume 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 ResumeTeaserPlaceholder = () => (React__default.createElement(reactContentLoader_es.default, { height: 130, width: 800, speed: 2, primaryColor: "#f3f3f3", secondaryColor: "#ecebeb" },
    React__default.createElement("rect", { x: "70", y: "15", rx: "4", ry: "4", width: "117", height: "10" }),
    React__default.createElement("rect", { x: "70", y: "35", rx: "3", ry: "3", width: "85", height: "10" }),
    React__default.createElement("rect", { x: "0", y: "80", rx: "3", ry: "3", width: "350", height: "10" }),
    React__default.createElement("rect", { x: "0", y: "100", rx: "3", ry: "3", width: "380", height: "10" }),
    React__default.createElement("rect", { x: "0", y: "120", rx: "3", ry: "3", width: "201", height: "10" }),
    React__default.createElement("circle", { cx: "30", cy: "30", r: "30" })));

exports.ResumeTeaserPlaceholder = ResumeTeaserPlaceholder;