export function Fade()

in stories/transitions/Bootstrap.js [43:62]

• 20 lines of code
• 2 McCabe index (conditional complexity)

export function Fade(props) {
  const nodeRef = useRef();
  return (
    <Transition
      {...props}
      nodeRef={nodeRef}
      className={styles.fade}
      timeout={150}
    >
      {(status) => (
        <div
          ref={nodeRef}
          className={`${styles.fade} ${fadeStyles[status] || ''}`}
        >
          {props.children}
        </div>
      )}
    </Transition>
  );
}