import React , { CSSProperties , FunctionComponent } from 'react' ; interface IProps { easy ? : boolean ; normal ? : boolean ; hard ? : boolean ; expert ? : boolean ; expertPlus ? : boolean ; style ? : CSSProperties ; } export const DiffTags = ( { easy , normal , hard , expert , expertPlus , style , } ) => ( < div className = 'tags' style = { style } > { easy ? < span className = 'tag is-easy' > Easy < / span > : null } { normal ? < span className = 'tag is-normal' > Normal < /span> : null} { hard ? < span className = 'tag is-hard' > Hard < /span> : null} { expert ? < span className = 'tag is-expert' > Expert < /span> : null} { expertPlus ? < span className = 'tag is-expert-plus' > Expert + < /span> : null} < /div>);