export interface Props {
  heading: string;
  subheading?: string;
}

export default function(props: Props) {
  return (
    <header className="page-header">
      <h1>{ props.heading }</h1>
      <div className="separator">
        <span className="outer-outline"/>
        <span className="icon">󱀝</span>
        <span className="outer-outline"/>
      </div>
      <p className="subheading">{ props.subheading }</p>
    </header>
  )
}