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