jobiqo-cl/lib/src/components/04-organisms/05-placeholders/01-form/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 form is loading.
 */
/**
 * Placeholder skeleton for forms for when page is loading.
 */
const FormPlaceholder = () => (React__default.createElement(reactContentLoader_es.default, { height: 130, width: 400 },
    React__default.createElement("rect", { x: "0", y: "0", rx: "3", ry: "3", width: "250", height: "10" }),
    React__default.createElement("rect", { x: "20", y: "20", rx: "3", ry: "3", width: "220", height: "10" }),
    React__default.createElement("rect", { x: "20", y: "40", rx: "3", ry: "3", width: "170", height: "10" }),
    React__default.createElement("rect", { x: "0", y: "60", rx: "3", ry: "3", width: "250", height: "10" }),
    React__default.createElement("rect", { x: "20", y: "80", rx: "3", ry: "3", width: "200", height: "10" }),
    React__default.createElement("rect", { x: "20", y: "100", rx: "3", ry: "3", width: "80", height: "10" })));

exports.FormPlaceholder = FormPlaceholder;