Sha256: 0cd2d59d032da0b383087a40cb014f54793ff0129798ca7236abadaa7798a40a

Contents?: true

Size: 663 Bytes

Versions: 1

Compression:

Stored size: 663 Bytes

Contents

/* @flow */

import React from 'react'
import classnames from 'classnames'
import { Body, Caption } from '../'
import { spacing } from '../utilities/spacing.js'

type LabelValueProps = {
  className?: String,
  label: String,
  value: String,
  dark?: Boolean,
}

const LabelValue = (props: LabelValueProps) => {
  const { className, label, value, dark = false } = props
  const themeStyle = dark === true ? '_dark' : ''
  const css = classnames(
    ['pb_label_value_kit' + themeStyle, className],
    spacing(props)
  )

  return (
    <div className={css}>
      <Caption text={label} />
      <Body text={value} />
    </div>
  )
}

export default LabelValue

Version data entries

1 entries across 1 versions & 1 rubygems

Version Path
playbook_ui-4.17.0 app/pb_kits/playbook/pb_label_value/_label_value.jsx