@atlaskit/progress-tracker/dist/esm/internal/marker.js

A progress tracker displays the steps and progress through a journey.

/* 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";
var progressMarkerStyles = null;
var markerColor = {
  unvisited: "_bfhk1aqn",
  current: "_bfhk1856",
  visited: "_bfhk1856",
  disabled: "_bfhk187o"
};

/**
 * __Progress marker__
 *
 * Similar to `@atlaskit/progress-indicator`, a small visual circle marker
 */
var ProgressMarker = function ProgressMarker(_ref) {
  var testId = _ref.testId,
    _ref$status = _ref.status,
    status = _ref$status === void 0 ? 'unvisited' : _ref$status;
  return /*#__PURE__*/React.createElement("div", {
    "data-testid": testId,
    className: ax(["_2rkou2gc _v564vc7x _1bsbu2gc _4t3iu2gc _kqswstnw _1e021ssb _t9ec157a", markerColor[status]])
  });
};
export default ProgressMarker;