css - How to pass multiple props to conditional rendered styled components

Question

I have passed props to styled components before and am familiar with this convention.

<Card data={props.color}>

const Card = styled.div` 
 margin-right: ${(props) => (props.data === "BlueSquare" || "RedSquare" ? "5px" : "15px")};
`;

What I am having trouble with is converting this type of conditional styling to a styled component

background: linear-gradient(${ColorFunction({value: props.audited ? props.score : props.remScore,
})}, white);

Any help would be greatly appreciated.

Answer 1

等待大神解答