Sha256: c29d375133bc3da2bcc6c797458c933d6eda576384068cfb568cc49c92c052ad
Contents?: true
Size: 1012 Bytes
Versions: 267
Compression:
Stored size: 1012 Bytes
Contents
import React from 'react'
import classnames from 'classnames'
import { buildCss, buildDataProps } from '../utilities/props'
import Icon from '../pb_icon/_icon'
type ProgressStepItemProps = {
className?: string,
data?: { [key: string]: string },
status?: "complete" | "active" | "inactive" | "hidden",
children?: React.ReactNode | React.ReactNode[],
icon?: string,
}
const ProgressStepItem = (props: ProgressStepItemProps): React.ReactElement => {
const {
className,
data = {},
status = 'inactive',
children,
icon = 'check',
} = props
const progressStepItem = buildCss('pb_progress_step_item', status)
const dataProps = buildDataProps(data)
return (
<li
{...dataProps}
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
267 entries across 267 versions & 1 rubygems