Contents

/* @flow */

import React from 'react'
import classnames from 'classnames'
import { buildCss } from '../utilities/props'

type ProgressStepProps = {
  className?: String,
  data?: String,
  id?: String,
  children?: Array<React.ReactChild>,
  orientation?: 'horizontal' | 'vertical',
  icon?: Boolean,
  dark?: Boolean,
}

const ProgressStep = ({
  className,
  children,
  orientation = 'horizontal',
  icon = false,
  dark = false,
}: ProgressStepProps) => {
  const iconStyle = icon === true ? 'icon' : ''
  const darkStyle = dark === true ? 'dark' : ''
  const progressStepCss = buildCss('pb_progress_step_kit', orientation, iconStyle, darkStyle)

  return (
    <div className={classnames(progressStepCss, className)}>
      {children}
    </div>
  )
}

export default ProgressStep

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
playbook_ui-4.17.0.pre.alpha1	app/pb_kits/playbook/pb_progress_step/_progress_step.jsx
playbook_ui-4.16.0	app/pb_kits/playbook/pb_progress_step/_progress_step.jsx
playbook_ui-4.15.0	app/pb_kits/playbook/pb_progress_step/_progress_step.jsx