function TabPane(props) {
  const { children, className, loading } = props

  const classes = cx(
    useKeyOnly(loading, 'loading'),
    'active tab',
    className,
  )
  const rest = getUnhandledProps(TabPane, props)
  const ElementType = getElementType(TabPane, props)

  const calculatedDefaultProps = {}
  if (ElementType === Segment) {
    calculatedDefaultProps.attached = 'bottom'
  }

  return (
    <ElementType {...calculatedDefaultProps} {...rest} className={classes} loading={loading}>
      {children}
    </ElementType>
  )
}
/**
 * A tab pane holds the content of a tab.
 */
A tab pane holds the content of a tab.
A tab pane holds the content of a tab .
function TabPane(props) {
  const { children, className, loading } = props
  const classes = cx(
    useKeyOnly(loading, 'loading'),
    'active tab',
    className,
  )
  const rest = getUnhandledProps(TabPane, props)
  const ElementType = getElementType(TabPane, props)
  const calculatedDefaultProps = {}
  if (ElementType === Segment) {
    calculatedDefaultProps.attached = 'bottom'
  }
  return (
    <ElementType {...calculatedDefaultProps} {...rest} className={classes} loading={loading}>
      {children}
    </ElementType>
  )
}
function TabPane ( props ) { const { children , className , loading } = props const classes = cx ( useKeyOnly ( loading , 'loading' ) , 'active tab' , className , ) const rest = getUnhandledProps ( TabPane , props ) const ElementType = getElementType ( TabPane , props ) const calculatedDefaultProps = { } if ( ElementType === Segment ) { calculatedDefaultProps . attached = 'bottom' } return ( < ElementType { ... calculatedDefaultProps } { ... rest } className = { classes } loading = { loading } > { children } < / ElementType > ) }
A tab pane holds the content of a tab.
A tab pane holds the content of a tab .