1  import React from 'react'
 2  import PropTypes from 'prop-types'
 3  import humanise from '../../common/utils/humanise'
 4  import styles from './CategoryHeader.module.scss'
 5  import CategoryIcon from '../../common/components/CategoryIcon'
 6  
 7  const CategoryHeader = props => {
 8    const { text, active } = props
 9    return (
10      <div
11        className={
12          active ? [styles.header, styles.active].join(' ') : styles.header
13        }
14      >
15        <div className={styles.icon}>
16          <CategoryIcon category={text} />
17        </div>
18        <h2 className={styles.text}>{humanise(text)}</h2>
19      </div>
20    )
21  }
22  
23  CategoryHeader.propTypes = {
24    text: PropTypes.string.isRequired,
25    active: PropTypes.bool,
26  }
27  
28  CategoryHeader.defaultProps = {
29    active: false,
30  }
31  
32  export default CategoryHeader