import * as React from "react" ; import injectSheet from "react-jss" ; import classNames from "classnames" ; import { LayoutTheme } from "./theme" ; type Props = { className ? : string ; children : React . ReactNode | React . ReactNode [ ] ; } ; const styles = ( { isVertical } ) => ( { half : isVertical ? { height : "50%" } : { width : "50%" } } ) ; const UnstyledHalf = ( ( props ) => ( < div className = { classNames ( props . classes . half , props . className ) } > { props . children } < /div>)); const Half = injectSheet ( styles ) ( UnstyledHalf ) as React . FunctionComponent < Props > ; export { Half } ;