import { default as React } from 'react';
import { BorderRadiusType, MPProps, OffsetType, ResponsiveSizeUnitType, ResponsiveSizeValueType, ResponsiveValueType, SpacerType, SpacingType, TextSize, ZIndexType } from './ui.types';

export declare namespace ui {
    /**
     * Returns CSS value of quant value with applied multiplier
     */
    export function q(multiplier?: number): string;
    export function offset(size: OffsetType): string;
    export function fontSize(size?: TextSize): string;
    export function zindex(name?: ZIndexType): string;
    export function lineHeight(size?: TextSize): string;
    export function paragraphSpacing(size?: TextSize): string;
    export function borderRadius(size?: BorderRadiusType): string;
    export function spacer(value: SpacerType): string;
    export function spacing(value: SpacingType): string;
    export function color(name: string, variantRaw?: string | number, alpha?: number): string;
    export namespace cls {
        const fullWidth = "util-full-width";
        const fullHeight = "util-full-height";
        const flexGrow = "util-flex-grow";
        const flexNoShrink = "util-flex-no-shrink";
        const userSelectableText = "util-text-selectable";
        const zIndex9000 = "util-z-index-9000";
    }
    export const pc: (x: number | string) => string;
    export const px: (x: number | string) => string;
    export const ch: (x: number | string) => string;
    export const em: (x: number | string) => string;
    export const rem: (x: number | string) => string;
    export const vh: (x: number | string) => string;
    export const vw: (x: number | string) => string;
    export const url: (u: unknown) => string;
    export function defaultResponsiveValueFormatter<A>(val: A): string;
    export function getResponsiveStyles<T = string | number>(name: string, value?: ResponsiveValueType<T>, formatter?: (val: T) => string): React.CSSProperties;
    export function getResponsiveClassnames<T = string | number>(name: string, value?: ResponsiveValueType<T>): string;
    export function getResponsiveFlatClassnames<T = string | number>(name: string, value?: ResponsiveValueType<T>, formatter?: (val: T) => string): string[];
    export function offsetResponsiveValueFormatter(value: OffsetType | number): string;
    export const getOffsetStyles: (name: string, value?: ResponsiveValueType<OffsetType | number>) => React.CSSProperties;
    export function responsiveSizeValueFormatter(value: ResponsiveSizeValueType): string;
    export const getSizeStyles: (name: string, value?: ResponsiveValueType<ResponsiveSizeValueType>) => React.CSSProperties;
    type CallbackType<T> = (name: string, value: ResponsiveSizeUnitType) => T;
    export function callAllMPProps<T extends object>(props: Partial<MPProps>, callback: CallbackType<T>): T;
    export const optimizeMPProps: (props: Partial<MPProps>) => Partial<MPProps>;
    export const getAllMPStyles: (props: Partial<MPProps>) => React.CSSProperties;
    export const getAllMPClassnames: (props: Partial<MPProps>) => string;
    export {};
}