Styled-components and NOT className - what to do?

Question

React

Hello everyone.
I have a React library component that accepts className and calendarClassName props, the latter will be used for some detail of this component.
styled-components makes it easy to spud className, but what about the calendar?

Answer 1

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

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

Styles in BaseComponentpropagate to className.
Styles in Componenton calendarClassName.