import { Typography , withStyles , WithStyles } from "@material-ui/core" ; import * as React from "react" ; import { compose , pure , setDisplayName } from "recompose" ; import { Styles , styles } from "./Header.styles" ; /**
 * Header properties
 */ export interface HeaderProps { primary : string ; secondary : string ; } /**
 * Render properties
 */ export type RenderProps = HeaderProps & WithStyles < Styles > ; param props return export const Render = ( { classes , primary , secondary } ) => < div className = { classes . root } > < Typography variant = "headline" className = { classes . text } > { primary } < /Typography> < Typography className = { classes . text } > { secondary } < /Typography> < /div>; return export function enhance ( ) { return compose < RenderProps , HeaderProps > ( withStyles ( styles ) , pure , setDisplayName ( "Header" ) ) ; } /**
 * Header component
 */ export const Header = enhance ( ) ( Render ) ;