Sha256: 6a9dfe2bb35b8aaf8c5b2064c4ffc970fee871603088f824f8755a7161886951

Contents?: true

Size: 690 Bytes

Versions: 7

Compression:

Stored size: 690 Bytes

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

7 entries across 7 versions & 1 rubygems

Version Path
playbook_ui-6.1.0.pre.alpha5 app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-6.1.0.pre.alpha4 app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-6.1.0.pre.alpha3 app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-6.1.0.pre.alpha2 app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-6.1.0.pre.alpha1 app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-6.1.0 app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-6.0.1.pre.alpha6 app/pb_kits/playbook/pb_online_status/_online_status.jsx