jobiqo-cl/lib/src/components/04-organisms/05-placeholders/02-generic/01-image-list/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');

const ImageListLoader = props => {
    let height;
    let width;
    switch (props.screen) {
        case 'mobile': {
            height = '100';
            width = '400';
            break;
        }
        case 'desktop': {
            height = '100';
            width = '1060';
            break;
        }
        case 'large-screen': {
            height = '150';
            width = '1920';
            break;
        }
        default: {
            height = '100';
            width = '1060';
            break;
        }
    }
    return (React__default.createElement(reactContentLoader_es.default, Object.assign({ height: height, width: width, speed: 2, primaryColor: "#f3f3f3", secondaryColor: "#ecebeb" }, props),
        props.imageType === 'circle' ? (React__default.createElement("circle", { cx: "60", cy: "45", r: "30" })) : (React__default.createElement("rect", { x: "20", y: "20", rx: "5", ry: "5", width: "64", height: "63" })),
        React__default.createElement("rect", { x: "105", y: "20", rx: "5", ry: "5", width: "250", height: "12" }),
        React__default.createElement("rect", { x: "105", y: "40", rx: "5", ry: "5", width: "180", height: "12" }),
        React__default.createElement("rect", { x: "105", y: "60", rx: "5", ry: "5", width: "125", height: "12" })));
};
ImageListLoader.metadata = {
    name: 'Gaurav Agarwal',
    github: 'gauravagarwal2704',
    description: 'List with image (rectangle/circle)',
    filename: 'ImageList'
};

exports.ImageListLoader = ImageListLoader;