import * as React from 'react'; import { submissionService } from './apps'; declare function PaymentReceipt({ onDone, onCancel, }: { /** * The function to call when the user clicks 'Done'. See * [FormSubmissionResult](https://oneblink.github.io/apps/modules/submissionService.html#FormSubmissionResult) * for the structure of the argument. */ onDone: (submissionResult: submissionService.FormSubmissionResult) => Promise; /** * The function to call when the user clicks 'Cancel'. See * [FormSubmissionResult](https://oneblink.github.io/apps/modules/submissionService.html#FormSubmissionResult) * for the structure of the argument. */ onCancel: (submissionResult: submissionService.FormSubmissionResult) => Promise; }): import("react/jsx-runtime").JSX.Element; /** * Component for rendering a OneBlink Form Payment Receipt. This component will * payment receipt but it is up to the developer to implement what happens when * the user clicks 'Done'. * * It is also recommended to import the `css` from this library as well. * * ```js * import { PaymentReceipt } from '@oneblink/apps-react' * import '@oneblink/apps-react/dist/styles.css' * ``` * * #### Example * * ```tsx * import React from 'react' * import ReactDOM from 'react-dom' * import { PaymentReceipt } from '@oneblink/apps-react' * import '@oneblink/apps-react/dist/styles.css' * * function ReceiptContainer() { * const handleDone = React.useCallback(async () => { * console.log('All done!') * }, []) * const handleCancel = React.useCallback(async () => { * console.log('Cancelled!') * }, []) * * return * } * * function App() { * return ( * * * * ) * } * * const root = document.getElementById('root') * if (root) { * ReactDOM.render(, root) * } * ``` * * @param props * @returns * @group Components */ declare const _default: React.MemoExoticComponent; export default _default;