import { ComponentPropsWithoutRef, ReactNode } from "react";
//#region src/components/steps/Step.d.ts
interface Props$1 extends ComponentPropsWithoutRef<"li"> {
  icon?: ReactNode;
  status?: "done" | "current" | "todo";
  /** choose center if content height is less than ll-circle height */
  align?: "start" | "center";
  markerClassName?: string;
  contentClassName?: string;
}
declare function Step({ status, className, children, markerClassName, contentClassName, align, icon, ...rest }: Props$1): import("react").JSX.Element;
//#endregion
//#region src/components/steps/Steps.d.ts
interface Props extends ComponentPropsWithoutRef<"ul"> {
  direction?: "horizontal" | "vertical";
  lineStyle?: "solid" | "dashed" | "dotted";
  markerType?: "circle" | "bullet";
  /**
   * if your Step is multiline keep it false
   * better render and add line-space
   *
   * if your Steps are Sortable and eash Step si only one line
   * and steps are vertical
   * set it to true, line will not be animated when sorting
   */
  associateLineWithStep?: boolean;
}
declare function Steps({ direction, lineStyle, markerType, associateLineWithStep, className, ...rest }: Props): import("react").JSX.Element;
//#endregion
export { Step, Steps };
//# sourceMappingURL=index.d.mts.map