import React from 'react'
import classnames from 'classnames'
import { bool, node } from 'prop-types'

const Label = ({ children, tooltip }) => {
  const labelClass = classnames(
    { 'py-2': !tooltip },
    'text-base font-bold text-pickledBlack px-4 w-auto'
  )
  return <div className={labelClass}>{children}</div>
}

Label.propTypes = {
  children: node,
  tooltip: bool
}

Label.defaultProps = {
  tooltip: false
}

Label.displayName = 'Label'

export default Label