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