{"size": 2192, "ext": "js", "max_stars_repo_path": "docs/src/examples/elements/Button/Types/ButtonExampleInverted.js", "max_stars_repo_name": "zheyujie/Semantic-UI-React", "max_stars_repo_stars_event_min_datetime": "2016-05-20T08:09:54.000Z", "max_stars_repo_stars_event_max_datetime": "2022-03-31T18:40:07.000Z", "max_issues_repo_path": "docs/src/examples/elements/Button/Types/ButtonExampleInverted.js", "max_issues_repo_name": "zheyujie/Semantic-UI-React", "max_issues_repo_issues_event_min_datetime": "2016-06-02T09:13:05.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-31T12:14:19.000Z", "max_forks_repo_path": "docs/src/examples/elements/Button/Types/ButtonExampleInverted.js", "max_forks_repo_name": "zheyujie/Semantic-UI-React", "max_forks_repo_forks_event_min_datetime": "2016-10-06T04:55:27.000Z", "max_forks_repo_forks_event_max_datetime": "2022-03-30T22:47:30.000Z"}
{"max_stars_count": 13204, "max_issues_count": 3670, "max_forks_count": 5111, "avg_line_length": 22.8333333333, "max_line_length": 51, "alphanum_fraction": 0.545620438}
import React from 'react'
import { Button, Segment } from 'semantic-ui-react'

const ButtonExampleInverted = () => (
  <div>
    <Segment inverted>
      <Button inverted>Standard</Button>
      <Button inverted color='red'>
        Red
      </Button>
      <Button inverted color='orange'>
        Orange
      </Button>
      <Button inverted color='yellow'>
        Yellow
      </Button>
      <Button inverted color='olive'>
        Olive
      </Button>
      <Button inverted color='green'>
        Green
      </Button>
      <Button inverted color='teal'>
        Teal
      </Button>
      <Button inverted color='blue'>
        Blue
      </Button>
      <Button inverted color='violet'>
        Violet
      </Button>
      <Button inverted color='purple'>
        Purple
      </Button>
      <Button inverted color='pink'>
        Pink
      </Button>
      <Button inverted color='brown'>
        Brown
      </Button>
      <Button inverted color='grey'>
        Grey
      </Button>
      <Button inverted color='black'>
        Black
      </Button>
    </Segment>
    <Segment inverted>
      <Button basic inverted>
        Standard
      </Button>
      <Button basic inverted color='red'>
        Red
      </Button>
      <Button basic inverted color='orange'>
        Orange
      </Button>
      <Button basic inverted color='yellow'>
        Yellow
      </Button>
      <Button basic inverted color='olive'>
        Olive
      </Button>
      <Button basic inverted color='green'>
        Green
      </Button>
      <Button basic inverted color='teal'>
        Teal
      </Button>
      <Button basic inverted color='blue'>
        Blue
      </Button>
      <Button basic inverted color='violet'>
        Violet
      </Button>
      <Button basic inverted color='purple'>
        Purple
      </Button>
      <Button basic inverted color='pink'>
        Pink
      </Button>
      <Button basic inverted color='brown'>
        Brown
      </Button>
      <Button basic inverted color='grey'>
        Grey
      </Button>
      <Button basic inverted color='black'>
        Black
      </Button>
    </Segment>
  </div>
)

export default ButtonExampleInverted
