@codeworker.br/govbr-tw-react/dist/components/Step/index.d.ts

Biblioteca de componentes React usando Tailwind CSS que implementa o Padrão Digital de Governo.

import { ComponentPropsWithoutRef, ReactNode } from "react";
import { VariantProps } from "class-variance-authority";
import { StepOrientation, StepStatus, stepIndicatorVariants } from "./variants";
type PrivateStepItemProps = {
    __stepIndex?: number;
    __isLast?: boolean;
    __isFirst?: boolean;
    __previousStatus?: StepStatus;
};
export interface StepItemProps extends ComponentPropsWithoutRef<"li">, Pick<VariantProps<typeof stepIndicatorVariants>, "variant"> {
    status?: StepStatus;
    icon?: ReactNode;
    label?: ReactNode;
    description?: ReactNode;
    step?: number;
}
declare const StepNamespace: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & VariantProps<(props?: ({
    orientation?: "horizontal" | "vertical" | null | undefined;
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & {
    variant?: VariantProps<typeof stepIndicatorVariants>["variant"];
} & import("react").RefAttributes<HTMLOListElement>> & {
    Item: {
        ({ className, icon, label, description, children, status, step, variant, __stepIndex, __isLast, __isFirst, __previousStatus, ...props }: StepItemProps & PrivateStepItemProps): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
};
export { StepNamespace as Step };
export type { StepStatus, StepOrientation };