import * as React from 'react';
import { FormTypes } from '@oneblink/types';
import { OneBlinkFormUncontrolledProps, OneBlinkReadOnlyFormProps } from './OneBlinkFormBase';
export declare function recursivelySetReadOnly(elements: FormTypes.FormElement[]): FormTypes.FormElement[];
declare function OneBlinkReadOnlyForm({ form, initialSubmission, ...rest }: OneBlinkReadOnlyFormProps & OneBlinkFormUncontrolledProps): import("react/jsx-runtime").JSX.Element;
/**
 * Component for rendering a OneBlink Form in read-only mode. This component
 * will render the form with all inputs disabled but will **not** render the
 * submit, cancel and save draft buttons.
 *
 * It is also recommended to import the `css` from this library as well.
 *
 * ```js
 * import { OneBlinkReadOnlyForm } from '@oneblink/apps-react'
 * import '@oneblink/apps-react/dist/styles.css'
 * ```
 *
 * #### Example
 *
 * ```tsx
 * import React from 'react'
 * import ReactDOM from 'react-dom'
 * import {
 * FormTypes
 *   IsOfflineContextProvider,
 *   OneBlinkReadOnlyForm,
 *   useIsMounted,
 * } from '@oneblink/apps-react'
 * import '@oneblink/apps-react/dist/styles.css'
 *
 * const googleMapsApiKey = 'ENTER_YOUR_MAPS_API_KEY_HERE'
 * const formsAppId = 1
 * const form: FormTypes.Form = {
 *   id: 1,
 *   name: 'Name of Form',
 *   description: '',
 *   organisationId: 'abc123',
 *   formsAppEnvironmentId: 1,
 *   formsAppIds: [],
 *   elements: [],
 *   isAuthenticated: false,
 *   isMultiPage: false,
 *   isInfoPage: false,
 *   publishStartDate: null,
 *   publishEndDate: null,
 *   postSubmissionAction: 'FORMS_LIBRARY',
 *   submissionEvents: [],
 *   tags: [],
 * }
 *
 * function FormContainer() {
 *   const isMounted = useIsMounted()
 *
 *   const handleFormError = React.useCallback(() => {
 *     // handle form rendering error caused by a misconfigured form here...
 *   }, [isMounted])
 *
 *   return (
 *     <OneBlinkReadOnlyForm
 *       googleMapsApiKey={googleMapsApiKey}
 *       initialSubmission={null}
 *       form={form}
 *     />
 *   )
 * }
 *
 * function App() {
 *   return (
 *     <IsOfflineContextProvider>
 *       <FormContainer />
 *     </IsOfflineContextProvider>
 *   )
 * }
 *
 * const root = document.getElementById('root')
 * if (root) {
 *   ReactDOM.render(<App />, root)
 * }
 * ```
 *
 * @param props
 * @returns
 * @group Components
 */
declare const _default: React.MemoExoticComponent<typeof OneBlinkReadOnlyForm>;
export default _default;