Prop types in styled components

The styled function is a generic tagged template. The generic is just before the template literal.

For example:

type ColorableLinkProps = {
    color?: string;
};

export const ColorableLink = styled('a', { shouldForwardProp })<ColorableLinkProps>`
    color: ${({ color = 'purple' }) => color};
`;`

See Emotion – TypeScript