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

Dot UI is a customizable React component library built to deliver a clean, accessible, and developer-friendly UI experience. It offers a growing set of reusable components designed to align with modern design systems and streamline application development

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 { cn } from "@dot-system/css-utility";
import style from "./Stencils.module.css";
export default class Stencils extends React.PureComponent {
  render() {
    let {
      shape,
      size,
      palette,
      customClass,
      isAnimated
    } = this.props;
    size = shape === 'rect' ? style[size] : style[`size_${size}`];
    return /*#__PURE__*/React.createElement("div", {
      className: cn(`${style.container} ${isAnimated ? style.animate : ''} ${style[shape]} ${size} ${style[palette]} ${customClass}`)
    });
  }

}
Stencils.propTypes = propTypes;
Stencils.defaultProps = defaultProps;