import { SendMessageProps } from './types';
/**
 * ### SendMessage Component
 *
 * @description
 * This is a **BaseApp** feature.
 *
 * If you believe your changes should be in the BaseApp, please read the **CONTRIBUTING.md** guide.
 *
 * This component reuses the `SocialInput` component, adding a layer of `GraphQL` mutation and `form` setup.
 *
 * It leverages the `useSendMessageMutation` mutation for submitting messages and integrates form validation
 * using `react-hook-form` and Zod for schema validation.
 *
 * ### Extending the Component
 * If you need to customize the form validation schema or the GraphQL query, this component serves as a base.
 * You can copy the structure and replace the query or validation logic to fit your specific requirements.
 *
 * #### Example:
 * ```ts
 * import { useForm } from 'react-hook-form';
 * import { zodResolver } from '@hookform/resolvers/zod';
 * import { myCustomSchema } from './myCustomSchema';
 * import { useMyCustomMutation } from './myCustomMutation';
 * import SocialInput from './SocialInput';
 *
 * const MyCustomSendMessage = () => {
 *   const form = useForm({
 *     resolver: zodResolver(myCustomSchema),
 *     defaultValues: { body: '' },
 *   });
 *   const [commitMutation, isMutationInFlight] = useMyCustomMutation();
 *
 *   const onSubmit = (data) => {
 *     commitMutation({
 *       variables: { input: { content: data.body } },
 *       onCompleted: (response) => {
 *         // handle response
 *         form.reset();
 *       },
 *       onError: console.error,
 *     });
 *   };
 *
 *   return (
 *     <SocialInput
 *       form={form}
 *       submit={onSubmit}
 *       isLoading={isMutationInFlight}
 *     />
 *   );
 * };
 * ```
 */
declare const SendMessage: import("react").ForwardRefExoticComponent<SendMessageProps & import("react").RefAttributes<HTMLInputElement>>;
export default SendMessage;
//# sourceMappingURL=index.d.ts.map