import { type JSX, type ReactNode } from 'react';
import type { CssProp, NodeElement } from '../types/node.type.js';
export interface StyledRendererProps<E extends NodeElement> {
    element: E;
    children: ReactNode;
    css: CssProp;
}
/**
 * A client-side component that renders a styled element using Emotion.
 * It resolves theme values and applies default styles.
 * @template E The type of the HTML element to render.
 * @template TProps The type of the props for the component.
 * @param element The HTML element to render (e.g., 'div', 'span').
 * @param children Optional children to be rendered inside the element.
 * @param props
 * @returns {JSX.Element} The rendered JSX element.
 */
declare function StyledRenderer<E extends NodeElement, TProps extends Record<string, any>>({ element, children, ...props }: StyledRendererProps<E> & TProps): JSX.Element;
declare namespace StyledRenderer {
    var displayName: string;
}
export default StyledRenderer;
//# sourceMappingURL=styled-renderer.client.d.ts.map