Passing down styles via props.

[jim4067]

I have a component that I'd like to receive styles from another component file.

export function Dummy{
	label,
	style,
}: TitleProps) {
	return (
		<h1
			className={css(
				{
					fontSize: "xxLarge"
					// ...style,
				},
				style
			)}
		>
			{label}
		</h1>
	);
}

For some reason when either using destructing or merging the styles, the classes show up in my markdown but arent being applied

In the HTML

As shown below, the actual component is missing the blue color and text-transform properties I wrote

[astahmer]

Panda relies on static analysis, property renaming is one of its limitations
you can use the special css property for that (instead of style)