import React from 'react'

import { Pill } from 'playbook-ui'

const PillDefault = (props) => {
  return (
    <div>
      <Pill
          text="default"
      />
    </div>
  )
}

export default PillDefault

import React from 'react'

import { Pill } from 'playbook-ui'

const PillVariants = (props) => {
  return (
    <div>
      <Pill
          text="success"
          variant="success"
      />

      <Pill
          text="error"
          variant="error"
      />

      <Pill
          text="warning"
          variant="warning"
      />

      <Pill
          text="info"
          variant="info"
      />

      <Pill
          text="neutral"
          variant="neutral"
      />

      <Pill
          text="primary"
          variant="primary"
      />
    </div>
  )
}

export default PillVariants

import React from 'react'

import { Pill } from 'playbook-ui'

const PillExample = (props) => {
  return (
    <div>
      <Pill
          text="Success"
          textTransform="none"
          variant="success"
      />
    </div>
  )
}

export default PillExample