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