import React from 'react' ; import { DefaultProps } from './types' ; import { Container } from './Container' ; import { Row } from './Row' ; import { Column } from './Column' ; import { Image } from './Image' ; export interface HeaderProps extends DefaultProps { logo ? : string ; logoHeight ? : number ; title ? : React . ReactNode ; } export const Header = ( { logo , logoHeight , title , style , className , children } ) => { return ( < Container alignment = "center" maxWidth = "100%" className = { className } style = { style } > < Row > { logo ? ( < Column small = { 12 } style = { { textAlign : 'center' } } > < Image src = { logo } height = { logoHeight } / > < /Column>) : null} { title ? ( < Column small = { 12 } style = { { textAlign : 'center' } } > { title } < /Column>) : null} { children ? < Column small = { 12 } > { children } < /Column> : null} < /Row> < /Container>); } ;