Sha256: 755c9211b05d2542b0e55b3eb3964d42e0f3b27a26947353eef9b6b52ad2f7c6
Contents?: true
Size: 711 Bytes
Versions: 45
Compression:
Stored size: 711 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',
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="circle">
<Icon
icon="check"
/>
</div>
<div>
{children}
</div>
</li>
)
}
export default ProgressStepItem
Version data entries
45 entries across 45 versions & 1 rubygems