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 // }; // } |