import React , { ReactNode } from 'react' ; import { Box , GridContainer , GridRow , GridColumn , } from '@island.is/island-ui/core' ; interface SubpageMainProps { main : ReactNode ; image ? : ReactNode ; } export const SubpageMainContent = ( { main , image } ) => { return ( < GridContainer > < GridRow > < GridColumn span = { image ? [ '12/12' , '12/12' , '12/12' , '8/12' ] : '12/12' } > { main } < /GridColumn> { image && ( < GridColumn span = "4/12" hiddenBelow = "lg" > { image } < /GridColumn>)} < /GridRow> < /GridContainer>); } ;