import * as React from 'react'; import { OverrideProps } from '@mui/types'; import { CreateSlotsAndSlotProps, SlotCommonProps, SlotProps } from '../types/slot'; export type StepSlot = 'root'; export interface StepSlots { /** * The component that renders the root. * @default 'li' */ root?: React.ElementType; /** * The component that renders the indicator. * @default 'div' */ indicator?: React.ElementType; } export type StepSlotsAndSlotProps = CreateSlotsAndSlotProps; indicator: SlotProps<'div', object, StepOwnerState>; }>; export interface StepTypeMap

{ props: P & { /** * If `true`, the active className is appended. * You can customize the active state from the Stepper's `sx` prop. * @default false */ active?: boolean; /** * Used to render icon or text elements inside the Step if `src` is not set. * This can be an element, or just a string. */ children?: React.ReactNode; /** * If `true`, the completed className is appended. * You can customize the active state from the Stepper's `sx` prop. * @default false */ completed?: boolean; /** * If `true`, the active className is appended. * You can customize the active state from the Stepper's `sx` prop. * @default false */ disabled?: boolean; /** * Icon to display in the step indicator. * Can be a number, string, or React element. */ icon?: React.ReactNode; /** * The component orientation. * @default 'horizontal' */ orientation?: 'horizontal' | 'vertical'; } & StepSlotsAndSlotProps; defaultComponent: D; } export type StepProps = OverrideProps, D>; export interface StepOwnerState extends StepProps { }