Contents

/* @flow */

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

import {
  Caption,
} from '../'

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

type TimestampProps = {
  id?: String,
  data?: object,
  className?: String,
  text?: String,
}

const Timestamp = ({
  id,
  className,
  data = {},
  text,
}: TimestampProps) => {
  const dataProps = buildDataProps(data)
  const pbCss = buildCss('pb_timestamp_kit')

  return (
    <div
        {...dataProps}
        className={classnames(className, pbCss)}
        id={id}
    >
      <Caption
          size="xs"
          tag="span"
          text={text}
      />
    </div>
  )
}

export default Timestamp

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
playbook_ui-4.17.0.pre.alpha1	app/pb_kits/playbook/pb_timestamp/_timestamp.jsx
playbook_ui-4.16.0	app/pb_kits/playbook/pb_timestamp/_timestamp.jsx
playbook_ui-4.15.0	app/pb_kits/playbook/pb_timestamp/_timestamp.jsx