src AccordionItemHeaderIcon.js

100% Statements 4/4

100% Branches 2/2

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
35
36
37
38
39
40  
 
 
 
 
 
 
 
 
 
1x
 
 
 
 
5x
 
 
 
 
 
 
 
1x
 
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
  import {forwardRef} from 'react'
 
import PropTypes from 'prop-types'
 
import Injector from '@s-ui/react-primitive-injector'
import Poly from '@s-ui/react-primitive-polymorphic-element'
 
import AccordionItemHeaderIconDefault from './AccordionItemHeaderIconDefault.js'
import {BASE_CLASS_ITEM_HEADER_ICON} from './settings.js'
 
const AccordionItemHeaderIcon = forwardRef(
  (
    {as = 'div', children = <AccordionItemHeaderIconDefault />, isExpanded, disabled, animationDuration},
    forwardedRef
  ) => (
    <Poly as={as} ref={forwardedRef} className={BASE_CLASS_ITEM_HEADER_ICON}>
      <Injector disabled={disabled} isExpanded={isExpanded} animationDuration={animationDuration}>
        {children}
      </Injector>
    </Poly>
  )
)
 
AccordionItemHeaderIcon.displayName = 'AccordionItemHeaderIcon'
 
AccordionItemHeaderIcon.propTypes = {
  /** The elementType of the wrapper **/
  as: PropTypes.elementType,
  /** The animation duration in ms **/
  animationDuration: PropTypes.number,
  /** child element **/
  children: PropTypes.node,
  /** element enabled or not **/
  disabled: PropTypes.bool,
  /** controlled expanded accordion item behavior */
  isExpanded: PropTypes.bool
}
 
export default AccordionItemHeaderIcon