import { StylableComponentProps } from '../theme'
import { ModalState } from './reducers'

export interface ModalHistory {
    modalType: string,
    modalProps: any,
}

export interface ModalCommonProps {
    buttons?: ModalButton[],
    backgroundActive?: boolean,
    closeButton?: boolean,
}

export interface ModalButton {
    label: string
    validate?: () => any
    callback?: () => any
}

export interface ModalRootProps extends StylableComponentProps { }

export interface ModalRootComponentProps extends ModalRootProps {
    state: ModalState
    closeModal: () => any
}

export interface ModalPopupProps extends StylableComponentProps {
    closeButton?: boolean
    backgroundActive?: boolean
}

export interface ModalPopupComponentProps extends ModalPopupProps {
    state: ModalState
    closeModal: () => any
}