import { type ReactElement } from 'react';
import { type WooCommerceCheckoutBillingEditProps } from './types';
/**
 * WooCommerce Checkout Billing component for the Divi 5 Visual Builder.
 *
 * This component implements D5's dual rendering system by fetching actual WooCommerce
 * checkout billing data via REST API to ensure accurate and up-to-date billing form
 * information is displayed in both builder preview and frontend rendering contexts.
 *
 * **Architecture Overview: **
 * - Builder Preview: Real-time style updates with live checkout billing data
 * - Content Rendering: Server-side HTML generation via REST API calls
 * - Performance: Dynamic data fetching ensures content accuracy.
 *
 * **Key Features: **
 * - Displays current checkout billing form with field styling
 * - Supports field width options and styling customizations
 * - Real-time attribute changes with immediate preview updates
 * - Proper WooCommerce styling integration and Select2 support.
 *
 * @since ??
 *
 * @param {WooCommerceCheckoutBillingEditProps} props The component props containing module configuration.
 * @param {object} props.attrs Module attributes containing content and styling settings.
 * @param {string} props.id Unique module identifier.
 * @param {boolean} props.isFirst Whether this is the first module in the layout.
 * @param {boolean} props.isLast Whether this is the last module in the layout.
 * @param {string} props.name Module name identifier.
 * @param {object} props.elements Module element configuration and styling components.
 * @param {object} props.defaultPrintedStyleAttrs Default printed style attributes.
 *
 * @returns {ReactElement} The rendered WooCommerce Checkout Billing module with container and content.
 */
declare const WooCommerceCheckoutBillingEdit: ({
  attrs,
  id,
  isFirst,
  isLast,
  name,
  elements,
  defaultPrintedStyleAttrs,
}: WooCommerceCheckoutBillingEditProps) => ReactElement;
export { WooCommerceCheckoutBillingEdit };