@hbsis.uikit/react/src/components/card/card-header/index.js

Biblioteca ReactJS

import React from 'react'
import PropTypes from 'prop-types'
import cx from 'classnames'

import CardHeaderStyled from './card-header.styled'
import CardHeaderIconStyled from './card-header-icon.styled'

const CardHeaderIcon = ({ icon }) => (
  <CardHeaderIconStyled>
    <img src={icon} />
  </CardHeaderIconStyled>
)

const CardHeader = ({ className, icon, title, custom }) => (
  <CardHeaderStyled className={cx({
    'has-icon': !!icon,
    'has-custom': !!custom
  }, className)}>
    {icon && <CardHeaderIcon icon={icon} />}
    <div className='card-header-wrapper'>
      <span className='card-header-title'>{title}</span>
      { custom && <span className='card-header-custom'>{custom}</span> }
    </div>
  </CardHeaderStyled>
)

CardHeaderIcon.propTypes = {
  icon: PropTypes.string
}

CardHeader.propTypes = {
  className: PropTypes.string,
  icon: PropTypes.string,
  title: PropTypes.string.isRequired,
  custom: PropTypes.node
}

CardHeader.defaultProps = {
  icon: '',
  custom: null
}

export { CardHeader }