import { type ReactNode, type ReactElement } from 'react';
import { type CSSObject } from '@emotion/react';
import { type SystemStyleObject } from '../css-fn';
type StyleObject = SystemStyleObject & {
    sx?: SystemStyleObject;
    css?: CSSObject;
};
type ClassNameType = StyleObject | string | undefined | null;
export type ClassNamesObject = Record<string, ClassNameType | ClassNameType[] | ((toClassName: (styleObject: ClassNameType | ClassNameType[]) => string | undefined) => string | undefined | Record<string, string | undefined>)>;
export type ClassNamesProps<T extends ClassNamesObject = ClassNamesObject> = {
    children: (context: Record<keyof T, any> & {
        className?: string;
    }) => ReactElement;
    classNames?: T;
} & StyleObject;
export declare const ClassNames: {
    <T extends ClassNamesObject = ClassNamesObject>({ sx, css, classNames, children, ...styles }: ClassNamesProps<T>): ReactNode;
    displayName: string;
};
export {};