@zohodesk/components/es/Stencils/Stencils.js

In this Package, we Provide Some Basic Components to Build Web App

import React from 'react';
import { defaultProps } from "./props/defaultProps";
import { propTypes } from "./props/propTypes";
/* eslint css-modules/no-unused-class: [2, { markAsUsed: [primary, secondary, small, default, medium, large, clarge, cmedium, cdefault, csmall] }] */

import style from "./Stencils.module.css";
export default class Stencils extends React.PureComponent {
  render() {
    let {
      shape,
      size,
      palette,
      customClass
    } = this.props;
    size = shape === 'rect' ? style[size] : style[`c${size}`];
    shape = shape === 'rect' ? style.rectangular : style.circle;
    return /*#__PURE__*/React.createElement("div", {
      className: `${style.container} ${shape} ${size} ${style[palette]} ${customClass}`
    });
  }

}
Stencils.propTypes = propTypes;
Stencils.defaultProps = defaultProps; // if (__DOCS__) {
//   Stencils.docs = {
//     componentGroup: 'Atom',
//     folderName: 'Style Guide',
//     description: ' ',
//     external: true
//   };
// }