import React from 'react';

export interface IViewHeader {
  children?: any;
  className?: string;
  sticky?: boolean;
  title?: string;
  [x: string]: any;
}

export const ViewHeader: React.FC<IViewHeader> = (props) => {
  const { children, className = '', sticky = false, title, ...otherProps } = props;
  return (
    <header className={`b-view-header ${sticky ? 'is-sticky' : ''} ${className}`} {...otherProps}>
      {title && <h1 className={`b-view-header-title ${className}`}>{title}</h1>}
      {children}
    </header>
  );
};