import { default as React } from 'react';
import { ManageBillingInformationElementProps } from '../../types/elements';
/**
 * ManageBillingInformationElement - element for managing customer billing and shipping information
 *
 * This component provides a form interface for editing billing information, shipping address,
 * and tax information. It automatically registers itself with the ZenskarProvider for
 * programmatic control via useZenskar() hook.
 *
 * Features:
 * - Billing address with required validation
 * - Optional shipping address with "same as billing" toggle
 * - Auto-detection when addresses are identical
 * - Tax ID information
 * - Real-time form validation
 *
 * @example
 * ```tsx
 * const zenskar = useZenskar()
 * const elements = useZenskarElements()
 * const manageBillingInformationElement = elements.getElement('manage-billing-information')
 * const [isLoading,setIsLoading] = useState(false)
 *
 * const handleSave = async () => {
 *   setIsLoading(true)
 *   const { data, error } = await zenskar.updateBillingInformation()
 *   if (!error) {
 *     toast.success('Billing information updated')
 *     --custom action -- (e.g navigate to next page, save data in your database)
 *   }else{
 *     toast.error(error.message)
 *   }
 *   setIsLoading(false)
 * }
 *
 * <ManageBillingInformationElement
 *   onReady={() => console.log('Form ready')}
 * />
 * <button
 *   onClick={handleSave}
 *   disabled={!manageBillingInformationElement?.isValid || !manageBillingInformationElement?.isReady }
 * >
 *   Save Changes
 * </button>
 * ```
 */
declare const ManageBillingInformationElement: ({ id, onReady, className, options, }: ManageBillingInformationElementProps) => React.JSX.Element | null;
export default ManageBillingInformationElement;