Sha256: 4c7d0bc423050de444050589c11ad1f729ad9809b088db713751d9183c77e2ba

Contents?: true

Size: 869 Bytes

Versions: 120

Compression:

Stored size: 869 Bytes

Contents

/* @flow */

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

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

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

const OnlineStatus = (props: OnlineStatusProps) => {
  const {
    aria = {},
    className,
    data = {},
    id,
    status = 'offline',
  } = props

  aria.label = status

  const ariaProps = buildAriaProps(aria)
  const dataProps = buildDataProps(data)
  const classes = classnames(buildCss('pb_online_status_kit', status), globalProps(props), className)

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

export default OnlineStatus

Version data entries

120 entries across 120 versions & 1 rubygems

Version Path
playbook_ui-10.23.0.pre.cachetest app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-10.21.0.pre.alpha.lightbox.2 app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-10.21.0.pre.alpha.lightbox app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-10.21.0.pre.alpha.rg1 app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-10.21.0.pre.alpha.jg1 app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-10.21.0.pre.alpha.na1 app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-10.21.0.pre.alpha.jd1 app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-10.20.0 app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-10.19.0 app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-10.19.0.pre.lightbox app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-10.18.2 app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-10.19.0.pre.popover.alpha1 app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-10.18.1 app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-10.18.0 app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-10.17.0 app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-10.16.0 app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-10.15.1 app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-10.15.1.pre.alpha.rubocop.deps app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-10.15.0 app/pb_kits/playbook/pb_online_status/_online_status.jsx
playbook_ui-10.14.1.pre.alpha2 app/pb_kits/playbook/pb_online_status/_online_status.jsx