@atlaskit/progress-tracker
Version:
A progress tracker displays the steps and progress through a journey.
26 lines (25 loc) • 782 B
JavaScript
/* marker.tsx generated by @compiled/babel-plugin v3.0.2 */
/* eslint-disable @atlaskit/design-system/no-nested-styles */
import "./marker.compiled.css";
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
const progressMarkerStyles = null;
const markerColor = {
unvisited: "_bfhk1aqn",
current: "_bfhk1856",
visited: "_bfhk1856",
disabled: "_bfhk187o"
};
/**
* __Progress marker__
*
* Similar to `@atlaskit/progress-indicator`, a small visual circle marker
*/
const ProgressMarker = ({
testId,
status = 'unvisited'
}) => /*#__PURE__*/React.createElement("div", {
"data-testid": testId,
className: ax(["_2rkou2gc _v564vc7x _1bsbu2gc _4t3iu2gc _kqswstnw _1e021ssb _t9ec157a", markerColor[status]])
});
export default ProgressMarker;