47 lines
1.1 KiB
TypeScript
47 lines
1.1 KiB
TypeScript
import React from 'react';
|
|
|
|
// import classNames from 'clsx';
|
|
// 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>
|
|
// );
|
|
// }
|
|
|
|
// }
|