import { EventObject, State, StateMachine, StateSchema, Interpreter, InterpreterOptions } from 'xstate';
import { FunctionalComponent } from '../../stencil.core';
export { State as MachineState };
export declare type Send<TContext, TSchema extends StateSchema = any, TEvent extends EventObject = EventObject> = Interpreter<TContext, TSchema, TEvent>['send'];
export declare type Renderer<TContext, TSchema extends StateSchema = any, TEvent extends EventObject = EventObject> = (current: State<TContext>, send: Send<TContext, TSchema, TEvent>, service: Interpreter<TContext, TSchema, TEvent>) => Element[] | Element;
export interface MachineOptions extends Partial<InterpreterOptions> {
    immediate?: boolean;
}
export declare type MachineProps<TContext, TSchema extends StateSchema = any, TEvent extends EventObject = EventObject> = {
    machine: StateMachine<TContext, TSchema, TEvent>;
    options?: MachineOptions;
    renderer?: Renderer<TContext, TSchema, TEvent>;
};
export declare const Machine: FunctionalComponent<MachineProps<any, any, EventObject>>;
export declare type ServiceProps<TContext, TSchema extends StateSchema = any, TEvent extends EventObject = EventObject> = {
    service: Interpreter<TContext, TSchema, TEvent>;
    renderer?: Renderer<TContext, TSchema, TEvent>;
};
export declare const Service: FunctionalComponent<ServiceProps<any, any, EventObject>>;