UNPKG

1.36 kBTypeScriptView Raw
1import * as React from "react";
2import { AbstractPureComponent2 } from "../../common";
3import { HTMLDivProps, Props } from "../../common/props";
4import { ButtonProps } from "../button/buttons";
5export declare type DialogStepId = string | number;
6export declare type DialogStepButtonProps = Partial<Pick<ButtonProps, "disabled" | "text">>;
7export declare type DialogStepProps = IDialogStepProps;
8/** @deprecated use DialogStepProps */
9export interface IDialogStepProps extends Props, Omit<HTMLDivProps, "id" | "title" | "onClick"> {
10 /**
11 * Unique identifier used to identify which step is selected.
12 */
13 id: DialogStepId;
14 /**
15 * Panel content, rendered by the parent `MultistepDialog` when this step is active.
16 */
17 panel: JSX.Element;
18 /**
19 * Space-delimited string of class names applied to multistep dialog panel container.
20 */
21 panelClassName?: string;
22 /**
23 * Content of step title element, rendered in a list left of the active panel.
24 */
25 title?: React.ReactNode;
26 /**
27 * Props for the back button.
28 */
29 backButtonProps?: DialogStepButtonProps;
30 /**
31 * Props for the next button.
32 */
33 nextButtonProps?: DialogStepButtonProps;
34}
35export declare class DialogStep extends AbstractPureComponent2<DialogStepProps> {
36 static displayName: string;
37 render(): JSX.Element;
38}