import classNames from "classnames" ; import * as React from "react" ; import { polyfill } from "react-lifecycles-compat" ; import { AbstractPureComponent2 , Classes } from "../../common" ; import { DISPLAYNAME_PREFIX , HTMLDivProps , Props } from "../../common/props" ; import { ButtonProps } from "../button/buttons" ; export type DialogStepId = string | number ; export type DialogStepButtonProps = Partial < Pick < ButtonProps , "disabled" | "text" > > ; export type DialogStepProps = IDialogStepProps ; deprecated export interface IDialogStepProps extends Props , Omit < HTMLDivProps , "id" | "title" | "onClick" > { /**
     * Unique identifier used to identify which step is selected.
     */ id : DialogStepId ; /**
     * Panel content, rendered by the parent `MultistepDialog` when this step is active.
     */ panel : JSX . Element ; /**
     * Space-delimited string of class names applied to multistep dialog panel container.
     */ panelClassName ? : string ; /**
     * Content of step title element, rendered in a list left of the active panel.
     */ title ? : React . ReactNode ; /**
     * Props for the back button.
     */ backButtonProps ? : DialogStepButtonProps ; /**
     * Props for the next button.
     */ nextButtonProps ? : DialogStepButtonProps ; } @ polyfill export class DialogStep extends AbstractPureComponent2 < DialogStepProps > { public static displayName = `${ DISPLAYNAME_PREFIX }.DialogStep` ; public render ( ) { const { className } = this . props ; return ( < div className = { Classes . DIALOG_STEP_CONTAINER } > < div className = { classNames ( Classes . DIALOG_STEP , className ) } role = "dialogsteplist" / > < /div>); } }