/**
 * Props for the CreateRoomModal component
 */
export interface CreateRoomModalProps {
    /**
     * Whether the modal is currently open and visible.
     * Controls the modal's visibility state and enables keyboard event handling.
     */
    isOpen: boolean;
    /**
     * Callback function triggered when the modal should be closed.
     * Called on backdrop click, escape key press, cancel button click, or successful room creation.
     * Should update the parent component's state to hide the modal.
     */
    onClose: () => void;
    /**
     * Callback function triggered when a new room should be created.
     * Receives the room name as a parameter.
     * The modal will automatically close after this callback is executed.
     *
     * @param roomName - The name of the room to be created.
     *
     * @example
     * ```tsx
     * const handleCreateRoom = async (roomName: string) => {
     *   try {
     *     await chatService.createRoom(roomName);
     *     // Room created successfully, modal will close automatically
     *   } catch (error) {
     *     // Handle error - modal stays open for retry
     *     console.error('Failed to create room:', error);
     *   }
     * };
     * ```
     */
    onCreateRoom: (roomName: string) => void;
}
/**
 * Modal component for creating a new chat room
 *
 * Features:
 * - Form validation with real-time feedback
 * - Escape key handling to close modal
 * - Backdrop click to close
 * - Auto-focus on room name input
 * - Disabled submit when input is empty/whitespace
 * - Automatic input cleanup on close
 * - Accessible ARIA attributes for screen readers
 * - Support for light/dark theming
 *
 * @example
 * // Basic usage
 * <CreateRoomModal
 *   isOpen={showCreateModal}
 *   onClose={() => setShowCreateModal(false)}
 *   onCreateRoom={handleCreateRoom}
 * />
 *
 * @example
 * // With state management
 * const [isCreating, setIsCreating] = useState(false);
 * const [showModal, setShowModal] = useState(false);
 *
 * const handleCreateRoom = async (roomName: string) => {
 *   setIsCreating(true);
 *   try {
 *     await chatService.createRoom(roomName);
 *     setShowModal(false);
 *     // Navigate to new room or refresh room list
 *   } catch (error) {
 *     console.error('Failed to create room:', error);
 *   } finally {
 *     setIsCreating(false);
 *   }
 * };
 *
 * <CreateRoomModal
 *   isOpen={showModal}
 *   onClose={() => setShowModal(false)}
 *   onCreateRoom={handleCreateRoom}
 * />
 */
export declare const CreateRoomModal: ({ isOpen, onClose, onCreateRoom }: CreateRoomModalProps) => import("react/jsx-runtime").JSX.Element | undefined;