Contents

/* @flow */

import React from 'react'
import classnames from 'classnames'
import { globalProps } from '../utilities/globalProps.js'

import { buildDataProps } from '../utilities/props'

type OnlineStatusProps = {
  className?: string,
  data?: object,
  id?: string,
  status?: "online" | "offline" | "away",
}

const OnlineStatus = (props: OnlineStatusProps) => {
  const { id, data = {}, className, status = 'offline' } = props
  const dataProps = buildDataProps(data)
  const css = classnames([`pb_online_status_kit_${status}`, className], globalProps(props))

  return (
    <div
        {...dataProps}
        className={css}
        id={id}
    />
  )
}

export default OnlineStatus

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
playbook_ui-6.2.1	app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-6.2.0	app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-7.0.0.pre.alpha1	app/pb_kits/playbook/pb_online_status/_online_status.jsx