import { ReactNode, CSSProperties } from 'react';
import { IPortalProps } from './types';
/**
 * A component that renders children into a DOM node that is not a descendant of the parent component.
 * It can be used to create a portal to a DOM node outside of the React component tree.
 * @param {{ children: ReactNode, className?: string, visible?: boolean, absoluteFill?: boolean, id?: string, testID?: string }} props
 * @returns {ReactNode}
 * @example
 * import { Portal } from '@resk/components'
 *
 * const MyComponent = () => {
 *   return (
 *     <Portal visible={true} absoluteFill={true}>
 *       <div>My Portal Content</div>
 *     </Portal>
 *   )
 * }
 */
export declare function Portal({ children, onAccessibilityEscape, style, className, onPress, withBackdrop, visible, absoluteFill, id, testID }: IPortalProps): import("react").ReactPortal | null;
/**
 * The PortalProvider component is the base component for rendering Portal components.
 * It wraps the part of your application where you want to use portals, typically at the root of your component tree.
 * @example
 * const App = () => {
 *   return (
 *     <PortalProvider>
 *       <MainAppContent />
 *     </PortalProvider>
 *   );
 * };
 */
export declare function PortalProvider({ children }: {
    children?: ReactNode;
}): ReactNode;
type ReactCSSProperties = CSSProperties;
type DOMStyleProperties = Partial<CSSStyleDeclaration>;
/**
 * Converts React CSS properties to DOM style properties
 * Handles camelCase to kebab-case conversion, vendor prefixes, and value normalization
 */
export declare function reactCSSToDOM(reactStyles: ReactCSSProperties): DOMStyleProperties;
/**
 * Applies React CSS properties directly to a DOM element
 * @param element - The DOM element to apply styles to
 * @param styles - React CSS properties object
 */
export declare function applyReactStylesToDOM(element: HTMLElement, styles: ReactCSSProperties): void;
export {};