How to use the @pluralsight/ps-design-system-theme/react.names function in @pluralsight/ps-design-system-theme

themeStory.add('light', _ => (
  
    
  
))

function handleClick(evt) {
    onSelect(evt, name)
  }

  return (
    
      
      
        <title>{name}</title>
      
    
  )
}

Swatch.propTypes = {
  name: PropTypes.oneOf(Object.values(Theme.names)).isRequired,
  onSelect: PropTypes.func.isRequired
}

const Container = props =&gt; <button>

const Preview = props =&gt; <div>

const Info = props =&gt; <div>

const Title = props =&gt; <h2>

Title.propTypes = {
  children: PropTypes.string.isRequired
}
</h2></div></div></button>