import { ReactNode } from 'react' ; import { classnames } from '../../helpers' ; interface Props { children ? : ReactNode ; className ? : string ; heightClassName ? : string ; } const ProminentContainer = ( { children , heightClassName , className } ) => { return ( < div className = { classnames ( [ 'ui-prominent bg-norm color-norm' , heightClassName || 'h100' , className ] ) } > { children } < /div>); } ; export default ProminentContainer ;