styled component typescript
//in styled component with param define type of param
const StyledComponent = styled.div`
background: black;
color: white;
`;
const StyledComponentWithParams = styled.div<{ color?: string }>`
background: yellow;
color: ${(color) => (color ? "yellow" : "white")};
`;
const StyledComponentDefaultValueParams = styled.div<{ color?: string }>`
background: yellow;
color: ${(color = "white") => (color)};
`;