function useVariantColorWarning (theme, componentName, variantColor) {
  if (process.env.NODE_ENV === 'production') return
  const variantColorIsDefined = isDef(variantColor)

  if (variantColorIsDefined) {
    const variantColorExists = variantColor in theme.colors
    if (!variantColorExists) {
      console.warn(
        `You passed an invalid variantColor to the ${componentName} Component. Variant color values must be a color key in the theme object that has '100' - '900' color values. Check http://chakra-ui.com/theme#colors to see possible values`
      )
    }
    if (variantColorExists) {
      const colorObj = theme.colors[variantColor]
      const variantColorIsObject = typeof colorObj === 'object' && colorHasAllVariants(colorObj)
      if (!variantColorIsObject) {
        console.warn(
          `${componentName}: The variantColor passed exists in the theme object but is not valid. For a color to be a valid variantColor, it must be an object that has '100' - '900' color values. Use a tool like:
        https://smart-swatch.netlify.com/ to generate color values quickly`
        )
      }
    }
  }
}
Validates variant colors provided by consumer
@param {Object} theme Chakra Theme Object
@param {String} componentName Component name
@param {String} variantColor Variabt color