import { ClassValue } from "clsx";
import { ComponentPropsWithoutRef, ElementType, ReactElement, ReactNode } from "react";
type StylableProps = {
    className?: string;
};
/**
 * Represents a function which computes a style for given props.
 */
type PropsClassValue<Props> = (props: Props) => ClassValue;
/**
 * Represents a styled component.
 */
type StyledComponent<T extends ElementType> = T extends keyof JSX.IntrinsicElements ? (props: ComponentPropsWithoutRef<T>) => ReactElement : (props: ComponentPropsWithoutRef<T>) => ReactNode;
/**
 * Create a styled version of a component, for consistency.
 * @param component A React component, or a string like 'div' or 'input'
 * @param classes Arguments to pass to `clsx` or a function to produce classes from the props
 */
export declare function styled<T extends ElementType<StylableProps>>(component: T, ...classes: (ClassValue | PropsClassValue<ComponentPropsWithoutRef<T>>)[]): StyledComponent<T>;
export {};
//# sourceMappingURL=styled.d.ts.map