Styled-components и НЕ className — как быть?

Question

[Alexandroppolus]

Всем здрассте.
Имеется библиотечный реактовский компонент, принимающий пропсы className и calendarClassName, последнее будет использоваться для некоторой детали этого компонента.
styled-components позволяет легко и непринужденно окучить className, но как быть с календарем?

Answer 1

[Wondermarin]

const BaseComponent = styled.div`
  color: black;
`;

const Component = styled(({ className, ...props }) => <BaseComponent calendarClassName={className} {...props} />)`
  color: white;
`;

Стили в BaseComponent распространяются на className.
Стили в Component на calendarClassName.