Olá, gostaria de saber o porque do estilo ".text" em "Item/index.jsx" é aplicado em todas as tags fazendo assim auteração em todas elas mesmo não sendo chamado nas demais...
const Item = styled.div`
display: flex;
flex-direction: column;
.text{
font-weight: bold;
}
`;
export default ({ type, from, value }) => {
return (
<Item >
<span className="text">{type}</span>
<span>{from}</span>
<span>{value}</span>
</Item>
);
};e como seria possível apenas aplicar em uma tag apenas ?
