styled-components conditional render by useragent code example
Example: conditionally changing styled components based on props
const Text = styled.p`
color: ${(props) => (props.red ? 'red' : 'blue')};
`
const Text = styled.p`
color: ${(props) => (props.red ? 'red' : 'blue')};
`