krypton-ui/dist/components/Stepper/types.d.ts

<h1 align="center"> <p align="center"><a href="https://krypton-ui.com"><img src="https://user-images.githubusercontent.com/7073241/224507377-395bffc0-9ff7-4d74-865b-f734394a7e7e.png" alt="Krypton" width="200"></a></p> </h1>

import React, { ComponentPropsWithoutRef } from "react";
import { Color } from "../../types";
type Orientation = "horizontal" | "vertical";
type BaseType = {
    orientation?: Orientation;
    completed?: React.ReactNode;
    progress?: React.ReactNode;
    pending?: React.ReactNode;
};
type ObjectStepType = {
    label: string;
    icon?: React.ReactNode;
};
type StepperType = BaseType & {
    children: React.ReactNode;
    activeStep: number;
    color?: Color;
};
type StepType = BaseType & {
    step: ObjectStepType;
    activeStep?: number;
    index?: number;
    showStatus?: boolean;
};
export type StatusStyledProps = {
    status: string;
};
export type OrientationStyledProps = {
    orientation: Orientation;
};
export type CommonStyledProps = StatusStyledProps & OrientationStyledProps;
export type StepperProps = ComponentPropsWithoutRef<"div"> & StepperType;
export type StepProps = ComponentPropsWithoutRef<"div"> & StepType;
export {};