import React from 'react';
import type { ComponentTheme } from '../theme';
export default function <P>(Component: React.ComponentType<P>, componentTheme?: ComponentTheme): React.ForwardRefExoticComponent<React.PropsWithoutRef<P & import("styled-system").ColorProps<Required<import("styled-system").Theme<React.ReactText>>, string | number | symbol> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<React.ReactText>>, string | number | symbol> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<React.ReactText>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<React.ReactText>>> & import("styled-system").PositionProps<Required<import("styled-system").Theme<React.ReactText>>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<React.ReactText>>, import("csstype").Property.BorderRadius<React.ReactText>> & import("styled-system").MarginProps<Required<import("styled-system").Theme<React.ReactText>>> & import("styled-system").PaddingProps<Required<import("styled-system").Theme<React.ReactText>>> & import("styled-system").BackgroundColorProps<Required<import("styled-system").Theme<React.ReactText>>, string | number | symbol> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<React.ReactText>>> & import("../utils/customProps").customBackgroundProps & import("../utils/customProps").customBorderProps & import("../utils/customProps").customExtraProps & import("../utils/customProps").customFlexboxProps & import("../utils/customProps").customLayoutProps & import("../utils/customProps").customOutlineProps & import("../utils/customProps").customPositionProps & import("../utils/customProps").customShadowProps & import("../utils/customProps").customTransformProps & import("../utils/customProps").customTransitionProps & import("../utils/customProps").customTypographyProps & {
    children?: string | JSX.Element | JSX.Element[] | undefined;
}> & React.RefAttributes<unknown>>;