# All files / react/Badge index.jsx

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

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
    28
    29
    30
    31
    32
    33
    34

    1x
    3x

    1x

    1x

     import React from 'react'
    import classNames from 'classnames'
    import PropTypes from 'prop-types'
    import styles from './styles.styl'

    export const Badge = ({ children, content, type, ...props }) => {
      return (
        <span className={styles['c-badge-root']} {...props}>
          {children}
          <span
            className={classNames(styles['c-badge'], {
              [styles[`c-badge--${type}`]]: type
            })}
          >
            {content}
          </span>
        </span>
      )
    }

    Badge.propTypes = {
      /** The content of the badge */
      content: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
      /** The type of the badge */
      type: PropTypes.oneOf(['normal', 'new', 'error'])
    }

    Badge.defaultProps = {
      content: '',
      type: 'normal'
    }

    export default Badge