content: import React from 'react'
  import { Header } from 'semantic-ui-react'
  
  const HeaderExampleColored = () => (
    <div>
      <Header as='h4' color='red'>Red</Header>
      <Header as='h4' color='orange'>Orange</Header>
      <Header as='h4' color='yellow'>Yellow</Header>
      <Header as='h4' color='olive'>Olive</Header>
      <Header as='h4' color='green'>Green</Header>
      <Header as='h4' color='teal'>Teal</Header>
      <Header as='h4' color='blue'>Blue</Header>
      <Header as='h4' color='purple'>Purple</Header>
      <Header as='h4' color='violet'>Violet</Header>
      <Header as='h4' color='pink'>Pink</Header>
      <Header as='h4' color='brown'>Brown</Header>
      <Header as='h4' color='grey'>Grey</Header>
    </div>
  )
  
  export default HeaderExampleColored
  