Contents

/* @flow */

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

type ProgressStepProps = {
  className?: string,
  data?: string,
  id?: string,
  children?: array<React.ReactChild>,
  orientation?: "horizontal" | "vertical",
  icon?: boolean,
  dark?: boolean,
}

const ProgressStep = (props: ProgressStepProps) => {
  const {
    className,
    children,
    orientation = 'horizontal',
    icon = false,
    dark = false,
  } = props
  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, globalProps(props))}>
      {children}
    </div>
  )
}

export default ProgressStep

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
playbook_ui-6.2.1	app/pb_kits/playbook/pb_progress_step/_progress_step.jsx
playbook_ui-6.2.0	app/pb_kits/playbook/pb_progress_step/_progress_step.jsx
playbook_ui-7.0.0.pre.alpha1	app/pb_kits/playbook/pb_progress_step/_progress_step.jsx