@hitachivantara/uikit-react-lab/dist/cjs/StepNavigation/SimpleNavigation/Dot/Dot.cjs

Contributed React components for the NEXT UI Kit.

"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const jsxRuntime = require("react/jsx-runtime");
const uikitReactCore = require("@hitachivantara/uikit-react-core");
const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
const utils = require("../utils.cjs");
const Dot_styles = require("./Dot.styles.cjs");
const HvDot = ({
  classes: classesProp,
  className,
  state,
  title,
  size = "sm",
  onClick,
  disabled: disabledProp
}) => {
  const { classes, cx } = Dot_styles.useClasses(classesProp);
  const dotSize = utils.dotSizes[size] * (state === "Current" ? 1.5 : 1);
  const disabled = disabledProp ?? ["Current", "Disabled"].includes(state);
  return /* @__PURE__ */ jsxRuntime.jsx(
    uikitReactCore.HvButton,
    {
      style: uikitReactUtils.mergeStyles(void 0, {
        "--dotColor": utils.getColor(state),
        "--dotSize": `${dotSize}px`
      }),
      className: cx(
        classes.root,
        {
          [classes.active]: state === "Current",
          [classes.ghostDisabled]: disabled
        },
        className
      ),
      "aria-label": title,
      icon: true,
      disabled,
      onClick
    }
  );
};
exports.dotClasses = Dot_styles.staticClasses;
exports.HvDot = HvDot;