import React from "react";
import { StandardProperties } from "csstype";
type ExtendedProperties = StandardProperties & {
    [key: string]: ExtendedProperties | string | number | undefined;
};
type Theme = Record<string, any>;
type Interpolation<P> = string | number | ExtendedProperties | ((props: P & {
    theme: Theme;
}) => string | number);
type StyledFunction = <P extends object = {}>(tag: keyof JSX.IntrinsicElements | React.ComponentType<P>) => (strings: TemplateStringsArray, ...interpolations: Array<Interpolation<P>>) => React.ForwardRefExoticComponent<P & {
    theme?: Theme;
} & React.HTMLAttributes<HTMLElement> & Record<string, any>>;
/**
 * Generates a styled component function.
 *
 * @type {StyledFunction}
 * @param {keyof JSX.IntrinsicElements} tag - The HTML tag to be styled.
 * @returns {Function} A function that takes template literals and returns a React component.
 *
 * @example
 * const Button = styled('button')`
 *   background-color: blue;
 *   color: white;
 *   padding: 10px 20px;
 * `;
 *
 * // Usage:
 * <Button onClick={() => console.log('Clicked!')}>Click me</Button>
 */
declare const styled: StyledFunction;
export default styled;
//# sourceMappingURL=styled.d.ts.map