import React from 'react';
interface Fields {
    roomId: string;
    role: string;
}
interface JoinClasses {
    root?: string;
    containerRoot?: string;
    header?: string;
    inputRoot?: string;
    inputName?: string;
    inputFieldRoot?: string;
    inputField?: string;
    joinRoot?: string;
    joinButton?: string;
}
interface Option {
    label: string;
    value: string;
}
export interface JoinProps extends React.DetailsHTMLAttributes<any> {
    /**
     * Initial values to be filled in the form.
     */
    initialValues?: Partial<Fields>;
    /**
     * Roles to be passed by the user other defaults will be used
     * Each role should follow { label: string, value: string } format
     */
    roles?: Option[];
    /**
     * Event handler for join button click.
     */
    submitOnClick: ({ roomId, role }: Fields) => void;
    /**
     * extra classes added  by user
     */
    classes?: {
        [key: string]: string;
    } | JoinClasses;
}
declare const Join: {
    ({ initialValues, submitOnClick, classes, roles, ...props }: JoinProps): JSX.Element;
    defaultProps: {
        roles: {
            label: string;
            value: string;
        }[];
    };
};
export { Join };