import * as react from 'react';
import { JSX, ComponentRef } from 'react';
import { StyledComponentProps } from '../styledSystemProps.js';
import 'csstype';
import '../responsive/useResponsiveValue.js';
import '../responsive/Breakpoints.js';
import '../tokens/tokenMappings.js';

type HtmlElementProps<T extends keyof JSX.IntrinsicElements> = StyledComponentProps<T>;
declare const GlobalHtmlElementCssSelector = "hop-HtmlElement";
declare const GlobalHtmlElementSpecificCssSelector: (elementType: string) => string;
declare function htmlElement<T extends keyof JSX.IntrinsicElements>(elementType: T): react.ForwardRefExoticComponent<react.PropsWithoutRef<StyledComponentProps<T>> & react.RefAttributes<ComponentRef<T>>>;

export { GlobalHtmlElementCssSelector, GlobalHtmlElementSpecificCssSelector, type HtmlElementProps, htmlElement };