Contents

/* @flow */

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

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

import { globalProps } from '../utilities/globalProps.js'

type ButtonToolbarProps = {
  aria?: object,
  children?: Array<React.ReactChild>,
  className?: String,
  connected?: Boolean,
  data?: object,
  id?: String,
  onClick?: EventHandler,
  orientation?: "horizontal" | "vertical",
  text?: String,
  variant?: String,
}

const ButtonToolbar  = (props: ButtonToolbarProps) => {
  const {
    aria = {},
    children,
    className,
    connected = false,
    data = {},
    id,
    orientation = 'horizontal',
    text,
  } = props

  const ariaProps = buildAriaProps(aria)
  const dataProps = buildDataProps(data)

  const classes = classnames(buildCss('pb_button_toolbar_kit', orientation, { connected: connected }), className, globalProps(props))

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

export default ButtonToolbar

Version data entries

6 entries across 6 versions & 1 rubygems

Version	Path
playbook_ui-6.1.0.pre.alpha5	app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.jsx
playbook_ui-6.1.0.pre.alpha4	app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.jsx
playbook_ui-6.1.0.pre.alpha3	app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.jsx
playbook_ui-6.1.0.pre.alpha2	app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.jsx
playbook_ui-6.1.0.pre.alpha1	app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.jsx
playbook_ui-6.1.0	app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.jsx