import React from 'react'
import toClassName from 'classnames'
import { Button } from 'atoms/Button'

/**
 * https://bitbucket.org/skava-admin/skreact/commits/c756fee64c789215d21f30f23e6e9a67ecd94ba4
 * ^ side effects of scoping this to a global tag when it wasn't needed
 */
const ButtonAdapter = props => {
  const { isActive, isDisabled, className, ...remaining } = props
  const computedClassName = toClassName({
    className,
    title: true,
    down: isActive,
    disable: isDisabled,
  })
  return <Button className={computedClassName} {...remaining} />
}

export { ButtonAdapter }
export default ButtonAdapter