How to use the @fluentui/react.themes.teamsHighContrast function in @fluentui/react

'brand',
              'red',
              'green',
              'yellow',
              'orange',
              'pink',
              'silver',
              'onyx',
              'amethyst',
            ]}
            defaultValue={'brand'}
            placeholder="Select the color"
            onSelectedChange={(e, { value }) => setColor(value as string)}
          />

'orange',
              'orangeLight',
              'yellowDark',
              'yellow',
              'brown',
              'oliveDark',
              'olive',
              'neon',
              'formatting',
            ]}
            defaultValue={'red'}
            placeholder="Select the color"
            onSelectedChange={(e, { value }) => setColor(value as string)}
          />

inputBorder: colors.black[750],
    textAreaBorder: colors.black[450],
  }
}
          `}
          />

          <p>
            You can see use color schemes defined for Teams' themes as reference to create own,
            below is definition for <code>brand</code> color in in Teams light, high contrast and
            dark themes.
          </p>

          

render={() => (
              
                
                  
                
                
                  
                
              
            )}
          />