Sha256: d23d299766d25bd9d58495b43deacb6f82ad5ab21cdfe1768c8fd9ae04980867
Contents?: true
Size: 919 Bytes
Versions: 7
Compression:
Stored size: 919 Bytes
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
7 entries across 7 versions & 1 rubygems