import React from 'react';
import { ComponentSize, DescopeInputProps, LabelType, PropsToAttrs } from '../types';
type Props = {
    variant?: 'countrySelection' | 'inputBox';
    'default-code'?: string;
    'phone-input-label'?: string;
    'phone-input-placeholder'?: string;
    'restrict-countries'?: string;
    'full-width'?: boolean;
    bordered?: boolean;
    label?: string;
    placeholder?: string;
    size?: ComponentSize;
    'helper-text'?: string;
    'data-errormessage-pattern-mismatch-email'?: string;
    'data-errormessage-value-missing-email'?: string;
    'data-errormessage-value-missing-phone'?: string;
    'label-type'?: LabelType;
    'external-input'?: boolean;
} & DescopeInputProps;
declare global {
    namespace React.JSX {
        interface IntrinsicElements {
            'descope-hybrid-field': React.DetailedHTMLProps<React.HTMLAttributes<HTMLInputElement>, HTMLInputElement> & PropsToAttrs<Props>;
        }
    }
}
declare const HybridField: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement, unknown> & {
    variant?: "countrySelection" | "inputBox";
    'default-code'?: string;
    'phone-input-label'?: string;
    'phone-input-placeholder'?: string;
    'restrict-countries'?: string;
    'full-width'?: boolean;
    bordered?: boolean;
    label?: string;
    placeholder?: string;
    size?: ComponentSize;
    'helper-text'?: string;
    'data-errormessage-pattern-mismatch-email'?: string;
    'data-errormessage-value-missing-email'?: string;
    'data-errormessage-value-missing-phone'?: string;
    'label-type'?: LabelType;
    'external-input'?: boolean;
} & import("../types").HTMLInputAttrs & import("../types").DescopeInputExtraProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
export default HybridField;
