Description

When importing a React component such as @ampproject/amp-base-carousel, there seems to be no way to get the component's CSS as originally defined in component.jss.js.

So while I get a nicely styled component when using the <amp-base-carousel> custom element, in React I get a completely unstyled carousel with class names generated by JSS, but no actual styles for them.

And amp-base-carousel.css only contains pre-upgrade styles, so that doesn't help either.

How do I get the CSS?

Reproduction Steps

I am basically doing this:

import { BaseCarousel } from '@ampproject/amp-base-carousel/react';

function SomeComponent() {
	  return (
		    <BaseCarousel
		    autoAdvance={ true }
		    loop={ true }
		    snap={ true }
		    >
	  );
}

Relevant Logs

No response

Browser(s) Affected

No response

OS(s) Affected

No response

Device(s) Affected

No response

AMP Version Affected

2107092322000