import React from 'react'

import OnlineStatus from 'playbook-ui'

const OnlineStatusDefault = (props) => (
  <>
    <OnlineStatus
        marginY="xs"
        status="offline"
    />
    <OnlineStatus
        marginY="xs"
        status="online"
    />
    <OnlineStatus
        marginY="xs"
        status="away"
    />
    <OnlineStatus
        marginY="xs"
        status="error"
    />
    <OnlineStatus
        marginY="xs"
        status="info"
    />
    <OnlineStatus
        marginY="xs"
        status="primary"
    />
  </>
)

export default OnlineStatusDefault

import React from 'react'

import OnlineStatus from 'playbook-ui'

const OnlineStatusSize = (props) => (
  <>
    <OnlineStatus
        marginY="xs"
        size="sm"
    />
    <OnlineStatus
        marginY="xs"
        size="md"
    />
    <OnlineStatus
        marginY="xs"
        size="lg"
    />
  </>
)

export default OnlineStatusSize

import React from 'react'

import OnlineStatus from 'playbook-ui'

const OnlineStatusNoBorder = (props) => (
  <>
    <OnlineStatus
        noBorder
    />
  </>
)

export default OnlineStatusNoBorder