interface Props { text : string ; icon ? : JSX . Element ; className ? : string ; wrapperClassName ? : string ; id ? : string ; } const SmallTitle = ( props ) => ( < div className = { `mt-2 mb-1 ${ props . wrapperClassName }` } data - testid = "smallTitle" > < small className = "card-title text-muted text-uppercase" > < span className = { props . className } id = { props . id } role = "heading" aria - level = { 5 } > { props . text } < /span> { props . icon } < /small> < /div>); export default SmallTitle ;