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

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(ContentLoader, 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'
};

export { ImageListLoader };