import React, { PureComponent } from 'react';
import { stnr } from '../../interface';
import { WithThemeStyles } from '../theme';
import { ActionSheetStyles } from './styles';
export interface Option {
    value: stnr;
    label: string;
}
export interface ActionSheetProps extends WithThemeStyles<ActionSheetStyles> {
    options: Array<Option>;
    maskClickable?: boolean;
    showButtons?: boolean;
    initValue?: stnr | Array<stnr>;
    title?: React.ReactNode | string;
    cancelText?: string;
    confirmText?: string;
    multiple?: boolean;
    listMaxHeight?: number;
    renderOption?: (param: Option, isSelected: boolean) => React.ReactNode;
    onChange?: (param: stnr | Array<stnr>) => void;
    onCancel?: () => void;
    onRequestClose?: () => boolean;
    onClose?: () => void;
}
interface ActionSheetStates {
    visible: boolean;
    value: stnr | Array<stnr>;
    showButtons: boolean;
}
export default class ActionSheet extends PureComponent<ActionSheetProps, ActionSheetStates> {
    oldValue: stnr | Array<stnr>;
    modalRef: React.RefObject<any>;
    constructor(props: ActionSheetProps);
    static getDerivedStateFromProps(props: ActionSheetProps): {
        showButtons: boolean;
    };
    cancel(): void;
    confirm(): void;
    closeModal(): void;
    renderFooterButtons(style: ActionSheetStyles): JSX.Element | null;
    renderTitle(style: ActionSheetStyles): JSX.Element | null;
    selectOption(option: Option): void;
    renderOptions(style: ActionSheetStyles): JSX.Element[];
    render(): JSX.Element;
}
export {};