import * as React from "react";
export declare const className: string;
/**
 * The draggable small handler used to size table columns.
 */
export declare const Draggable: (props: {
    onRelativeXChange: (i: number) => void;
}) => React.JSX.Element;
export type SorterFactory<T> = <B extends string, A extends Record<B, T>>(prop: B) => Sorter<A>;
export type Sorter<A> = (dir: "asc" | "desc", 
/**
 * convenience-argument to directly multiply in sort operations without having to translate "asc" and "desc"
 * asc => 1
 * desc => -1
 */
mult: -1 | 1) => (a: A, b: A) => number;
export declare const Sorter: {
    /**
     * A helper that returns a function comparing two objects by a given property
     * via localeCompare - if those are present. `null`s and `undefined`s will
     * always be sorted to be at the bottom - indenpendent of the sorting order.
     * If you want those undefined values to be sorted as well, you might want to
     * try something like this:
     * ```typescript
     *   sorter: (_, dir) => (a, b) => dir * (a.MYPROP ?? "").localeCompare(b.MYPROP ?? "")
     * ```
     */
    string: SorterFactory<string | null | undefined>;
    /**
     * A helper that returns a function comparing two objects by a given property
     * by number - if those are present. `null`s and `undefined`s will
     * always be sorted to be at the bottom - indenpendent of the sorting order.
     * If you want those undefined values to be sorted as well, you might want to
     * try something like this:
     * ```typescript
     *   sorter: (_, dir) => (a, b) => dir * ((a.MYPROP ?? -Infinity) - (a.MYPROP ?? -Infinity))
     * ```
     */
    number: SorterFactory<number | null | undefined>;
};