import React, { ComponentType } from "react";
import { ResponsiveStyle, StyledProps, StyledKeyType, PseudoProps } from "../system";
type StyledComponentProps<T> = T extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[T] : T extends ComponentType<infer P> ? P : never;
/**
 * A higher-order component that wraps a given component with styled-system
 * functionality and applies the data-zero-styled attribute.
 *
 * the Babel plugin replaces the styled function with the hashed class name during the build process.
 * This is essentially a placeholder for the actual implementation that happens in the Babel plugin.
 *
 * @param Component - The component to be wrapped with styled-system functionality
 * @returns A new component with styled-system functionality and a unique data-zero-styled attribute
 */
declare function styled<T extends keyof JSX.IntrinsicElements | ComponentType<any>>(Component: T): {
    <P = StyledProps>(strings: TemplateStringsArray, ...interpolations: ((props: P) => ResponsiveStyle)[]): React.FC<Omit<StyledComponentProps<T>, StyledKeyType> & P & Partial<PseudoProps>>;
    __zeroStyled: boolean;
};
export { styled };