content: import React from 'react'
  import { Grid, Image, Label, Segment } from 'shengnian-ui-react'
  
  const LabelExampleRibbon = () => (
    <Grid columns={2}>
      <Grid.Column>
        <Segment raised>
          <Label as='a' color='red' ribbon>Overview</Label>
          <span>Account Details</span>
  
          <Image src='/assets/images/wireframe/paragraph.png' />
  
          <Label as='a' color='blue' ribbon>Community</Label>
          <span>User Reviews</span>
  
          <Image src='/assets/images/wireframe/paragraph.png' />
        </Segment>
      </Grid.Column>
  
      <Grid.Column>
        <Segment>
          <Label as='a' color='orange' ribbon='right'>Specs</Label>
          <Image src='/assets/images/wireframe/paragraph.png' />
  
          <Label as='a' color='teal' ribbon='right'>Reviews</Label>
          <Image src='/assets/images/wireframe/paragraph.png' />
        </Segment>
      </Grid.Column>
    </Grid>
  )
  
  export default LabelExampleRibbon
  