Sha256: 99558ccaae824f2976ebc4d6ed948d8fdd93aefed6a80ff52de0e688365af3ac
Contents?: true
Size: 799 Bytes
Versions: 27
Compression:
Stored size: 799 Bytes
Contents
/* @flow */
import React from 'react'
import classnames from 'classnames'
import { buildCss } from '../utilities/props'
import { Icon } from '..'
type ProgressStepItemProps = {
className?: string,
status?: 'complete' | 'active' | 'inactive' | 'hidden',
children?: React.Node,
}
const ProgressStepItem = ({
className,
status = 'inactive',
children,
}: ProgressStepItemProps) => {
const progressStepItem = buildCss('pb_progress_step_item', status)
return (
<li className={classnames(progressStepItem, className)}>
<div className="box">
<div className="circle">
<Icon
icon="check"
/>
</div>
<div className="content">
{children}
</div>
</div>
</li>
)
}
export default ProgressStepItem
Version data entries
27 entries across 27 versions & 1 rubygems