SX Prop can use React Context State?

[tarikmiljkovic]

Hello All,

does anybody know, can sx props use a state from React Context like in this example?

primaryNav is a state.

sx={{
            variant: "styles.headnavlink",
            color: `{${primaryNav != true ? `black` : `'white'`}}`,
            p: 2,
          }}

Thank you a lot

[joernroeder]

@tarikmiljkovic sure, I'm using something along these lines all the time

// dummy code
const MyComponent = () => {
  const { primaryNav } = useMyContext()
  
  return (
    <Box sx={{
      variant: "styles.headnavlink",
      color: primaryNav ? 'white' : 'black',
      p: 2,
    }} />
  )
}