styled-components conditional render code example

Example: conditionally changing styled components based on props

const Text = styled.p`
  color: ${(props) => (props.red ? 'red' : 'blue')};
`