How do I specify that a function returns a particular JSX Element from the Mantine library?

[dim quarry]

Sorry, I am new to Mantine! In this case Table.Tr 😅

[sinful stirrup]

There is no such thing as particular jsx element, only React.ReactNode and JSX.Element types

[dim quarry]

Sorry for the tag but how do I access the light variant of the primary color I specified in my theme? Is there a syntax like var(--mantine-color-grape-light)?

Apologies if this question is silly, I am new to Mantine 😅

[sinful stirrup]

I do not undestand what light variant is

[dim quarry]

I can access light variants of a specific color by using var(--mantine-color-grape-light)

I was wondering if there is a way to to do this where I can access the light variant of the primary color I specified in my theme object

[sinful stirrup]

You can find a full list of CSS variables here – https://mantine.dev/styles/css-variables-list/