Sha256: e48ce8b625d6b8c93c00d182cdb63d83eafdf0bc2a804179a0969186e9861756
Contents?: true
Size: 907 Bytes
Versions: 44
Compression:
Stored size: 907 Bytes
Contents
/* @flow */
import React from 'react'
import classnames from 'classnames'
import { buildCss } from '../utilities/props'
import { spacing } from '../utilities/spacing.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, spacing(props))}>
{children}
</div>
)
}
export default ProgressStep
Version data entries
44 entries across 44 versions & 1 rubygems