All files / Stencils Stencils.js

100% Statements 6/6
100% Branches 4/4
100% Functions 1/1
100% Lines 6/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27                11x 11x 11x   11x     1x 1x                    
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 <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
//   };
// }