@atlaskit/breadcrumbs/dist/es2019/components/internal/step-old.js

Breadcrumbs are a navigation system used to show a user's location in a site or app.

import _extends from "@babel/runtime/helpers/extends";
import React from 'react';
import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next/usePlatformLeafEventHandler';
import Button from '@atlaskit/button/standard-button';
import __noop from '@atlaskit/ds-lib/noop';
import { fg } from '@atlaskit/platform-feature-flags/fg';
const analyticsAttributes = {
  componentName: 'breadcrumbsItem',
  packageName: "@atlaskit/breadcrumbs",
  packageVersion: "17.8.3"
};
const noop = __noop;

/**
 * __Step__
 *
 * A button that represents a single step in a breadcrumbs component.
 */
const StepOld = /*#__PURE__*/React.forwardRef(({
  analyticsContext,
  component,
  hasOverflow = true,
  href = '#',
  iconAfter,
  iconBefore,
  onClick: onClickProvided = noop,
  target,
  testId,
  ...props
}, ref) => {
  const handleClicked = usePlatformLeafEventHandler({
    fn: onClickProvided,
    action: 'clicked',
    analyticsData: analyticsContext,
    ...analyticsAttributes
  });
  const resolvedIconAfter = fg('platform_dst_breadcrumbs-refresh') ? undefined : hasOverflow ? undefined : iconAfter;
  return /*#__PURE__*/React.createElement(Button, _extends({}, props, {
    appearance: "subtle-link",
    component: component,
    href: href,
    iconAfter: resolvedIconAfter,
    iconBefore: hasOverflow ? undefined : iconBefore,
    onClick: handleClicked,
    ref: ref,
    spacing: "none",
    target: target,
    testId: testId
  }));
});
export default StepOld;