import * as React from 'react';
import { StyledComponent } from '..';
import { PaperProps } from '../Paper';
import { ButtonProps } from '../Button';

export interface MobileStepperProps extends PaperProps {
  activeStep?: number;
  backButtonProps: ButtonProps;  
  backButtonText?: React.ReactNode;
  disableBack?: boolean;
  disableNext?: boolean;
  nextButtonProps: ButtonProps;    
  nextButtonText?: React.ReactNode;
  onBack: React.EventHandler<any>;
  onNext: React.EventHandler<any>;
  position?: 'bottom' | 'top' | 'static';
  steps: number;
  type?: 'text' | 'dots' | 'progress';
}

export default class MobileStepper extends StyledComponent<
  MobileStepperProps
> {}