a imagem não estar aparecendo de forma dinâmica.
const SpanStyle = styled.span<Props>`
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 25px;
height: 25px;
background-image: ${props => props.imagem ? `url(${props.imagem})` : 'none'}
function Titulo({ imagem, children }: Props) {
const listaDeImagens: IImagens = {
avaliacao: avaliacao,
grafico: grafico,
consulta: consulta
}
return (
<ContainerStyle>
{imagem && <SpanStyle imagem={listaDeImagens[imagem as keyof IImagens]} />}
<TitleStyle>{children}</TitleStyle>
</ContainerStyle>
)
}