import { ReactNode } from 'react' ; import { classnames } from '../../helpers' ; interface Props { className ? : string ; illustrationClassName ? : string ; title ? : string ; url : string ; uppercase ? : boolean ; children ? : ReactNode ; } const IllustrationPlaceholder = ( { className , illustrationClassName , title , url , uppercase , children } ) => { return ( < div className = { classnames ( [ 'flex-no-min-children flex-column flex-nowrap flex-align-items-center w100' , className , ] ) } > < img src = { url } alt = { title } className = { classnames ( [ 'p1 mb1' , illustrationClassName ] ) } / > { ! ! title && < h2 className = { classnames ( [ 'text-bold' , uppercase && 'text-uppercase' ] ) } > { title } < /h2>} { children } < /div>); } ; export default IllustrationPlaceholder ;