Я хочу добавить стилизованный компонент в react и передать в него props. В зависимости от стойки необходимо менять внутренний html. Так есть ли какое-то свойство CSS или что-то еще, что я могу использовать для динамического добавления текста внутри компонента в зависимости от моих свойств? Могу я сделать что-то вроде этого:
const Container = styled.div<DateProps>`
background: ${props => props.date ? "green" : "red"
content: ${props => props.date ? "Your have an appointment" : "You don't have appointment"};`
<Container date />
Вместо этого:
date ? <Container> You have an appointment </Container> : <Container> Your don't have an appointment: </Container>