import React from 'react';

// import classNames from 'classnames';
// import Icon from 'soapbox/components/icon';
import SubNavigation from 'soapbox/components/sub_navigation';

interface IColumnHeader {
  icon?: string,
  type: string
  active?: boolean,
  columnHeaderId?: string,
}

const ColumnHeader: React.FC<IColumnHeader> = ({ type }) => {
  return <SubNavigation message={type} />;
};

export default ColumnHeader;

// export default class ColumnHeader extends React.PureComponent {

//   static propTypes = {
//     icon: PropTypes.string,
//     type: PropTypes.string,
//     active: PropTypes.bool,
//     onClick: PropTypes.func,
//     columnHeaderId: PropTypes.string,
//   };

//   handleClick = () => {
//     this.props.onClick();
//   }

//   render() {
//     const { icon, type, active, columnHeaderId } = this.props;

//     return (
//       <h1 className={classNames('column-header', { active })} id={columnHeaderId || null}>
//         <button onClick={this.handleClick}>
//           {icon && <Icon id={icon} fixedWidth className='column-header__icon' />}
//           {type}
//         </button>
//       </h1>
//     );
//   }

// }