Contents

/* @flow */

import React from 'react'
import classnames from 'classnames'

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

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

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

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

export default OnlineStatus

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
playbook_ui-4.17.0.pre.alpha1	app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-4.16.0	app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-4.15.0	app/pb_kits/playbook/pb_online_status/_online_status.jsx