All files / primitive/visuallyHidden/src index.js

100% Statements 4/4
100% Branches 1/1
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 6x             1x   1x                                
import {forwardRef} from 'react'
 
import cx from 'classnames'
import PropTypes from 'prop-types'
 
import {BASE_CLASS} from './settings.js'
 
const PrimitiveVisuallyHidden = forwardRef(({children, as: Element = 'span', className, ...props}, forwardedRef) => {
  return (
    <Element className={cx(BASE_CLASS, className)} {...props} ref={forwardedRef}>
      {children}
    </Element>
  )
})
 
PrimitiveVisuallyHidden.displayName = 'AtomKbd'
 
PrimitiveVisuallyHidden.propTypes = {
  /**
   * Content to be non-visible but read by screen readers
   */
  children: PropTypes.node,
  /**
   * The elementType of the wrapper
   * **/
  as: PropTypes.elementType,
  /**
   * Classes to add to button (DEPRECATED)
   */
  className: PropTypes.string
}
 
export default PrimitiveVisuallyHidden