@intility/bifrost-react
Version:
React library for Intility's design system, Bifrost.
32 lines (31 loc) • 1.11 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { forwardRef } from "react";
import classNames from "classnames";
import { faCheck } from "@fortawesome/free-solid-svg-icons/faCheck";
import Icon from "../Icon/Icon.js";
const StepBarItem = /*#__PURE__*/ forwardRef(({ active, children, className, ...props }, ref)=>{
return /*#__PURE__*/ _jsxs("div", {
ref: ref,
className: classNames("bf-stepbar-item", className, {
"bf-stepbar-item-active": active
}),
...props,
children: [
/*#__PURE__*/ _jsx("span", {
className: "bf-stepbar-content",
children: children
}),
/*#__PURE__*/ _jsx("span", {
className: "bf-stepbar-counter"
}),
/*#__PURE__*/ _jsx("span", {
className: "bf-stepbar-circle-icon",
children: /*#__PURE__*/ _jsx(Icon, {
icon: faCheck
})
})
]
});
});
StepBarItem.displayName = "StepBar.Item";
export default StepBarItem;