export interface Props {
  title: string;
  description?: string;
  author?: {
    name: string;
  };
  comp: any;
}

export default function(props: Props) {
  return (
    <header className="page-header">
      <h1>{ props.title }</h1>
      {props.author && <p>By {props.author.name}</p>}
      {props.comp.separator()}
      <p className="subheading">{ props.description }</p>
    </header>
  )
}
