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