/// <reference types="react" />
import { StyleProps } from '../config';
import { SystemProps } from './config';
import { ResponsiveValue } from './other';
import { SystemStyleObject } from './style';
export type As<Props = any> = React.ElementType<Props>;
export type PropsOf<T extends As> = React.ComponentPropsWithoutRef<T> & {
    as?: As;
};
export type OmitCommonProps<Target, OmitAdditionalProps extends keyof any = never> = Omit<Target, 'transition' | 'as' | 'color' | OmitAdditionalProps>;
export type RightJoinProps<SourceProps extends object = {}, OverrideProps extends object = {}> = OmitCommonProps<SourceProps, keyof OverrideProps> & OverrideProps;
export type MergeWithAs<ComponentProps extends object, AsProps extends object, AdditionalProps extends object = {}, AsComponent extends As = As> = RightJoinProps<ComponentProps, AdditionalProps> & RightJoinProps<AsProps, AdditionalProps> & {
    as?: AsComponent;
};
export type ComponentWithAs<Component extends As, Props extends object = {}> = {
    <AsComponent extends As = Component>(props: MergeWithAs<React.ComponentProps<Component>, React.ComponentProps<AsComponent>, Props, AsComponent>): JSX.Element;
    displayName?: string;
    propTypes?: React.WeakValidationMap<any>;
    contextTypes?: React.ValidationMap<any>;
    defaultProps?: Partial<any>;
    id?: string;
};
export interface ComponentCommonProps extends SystemProps {
    noOfLines?: ResponsiveValue<number>;
    __css?: Dict;
    sx?: SystemStyleObject;
    css?: any;
}
export interface Component<T extends As, P = {}> extends ComponentWithAs<T, ComponentCommonProps & P> {
}
export type HTMLProps<T extends As> = Omit<PropsOf<T>, 'ref' | keyof StyleProps> & ComponentCommonProps & {
    as?: As;
};