@yamada-ui/stepper/dist/chunk-NWJ6KBSI.mjs

Yamada UI stepper component

"use client"
import {
  useStepContext
} from "./chunk-ABUIE4CG.mjs";
import {
  useStepperContext
} from "./chunk-CGZP2FXU.mjs";

// src/step-separator.tsx
import { forwardRef, ui } from "@yamada-ui/core";
import { cx } from "@yamada-ui/utils";
import { jsx } from "react/jsx-runtime";
var StepSeparator = forwardRef(
  ({ className, ...rest }, ref) => {
    const { orientation, showLastSeparator, styles } = useStepperContext();
    const { isLast, status } = useStepContext();
    const css = { ...styles.separator };
    if (isLast && !showLastSeparator) return null;
    return /* @__PURE__ */ jsx(
      ui.div,
      {
        ref,
        className: cx("ui-step__separator", className),
        "data-orientation": orientation,
        "data-status": status,
        role: "separator",
        __css: css,
        ...rest
      }
    );
  }
);
StepSeparator.displayName = "StepSeparator";
StepSeparator.__ui__ = "StepSeparator";

export {
  StepSeparator
};
//# sourceMappingURL=chunk-NWJ6KBSI.mjs.map