@meonode/ui
Version:
A structured approach to component composition, direct CSS-first prop styling, built-in theming, smart prop handling (including raw property pass-through), and dynamic children.
23 lines • 1.02 kB
TypeScript
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