import React from 'react';
import { Theme } from '../../../styles';
export type SortDirection = 'ASC' | 'DESC' | '';
export interface SortableLabelProps {
    direction: SortDirection;
    children?: React.ReactNode;
    onChange(sortDirection: SortDirection, shiftKey?: boolean): any;
}
export declare function SortableLabel(props: SortableLabelProps): JSX.Element;
export declare const createStyles: (theme: Theme, { direction }: SortableLabelProps) => {
    wrapper: {
        display: string;
        alignItems: string;
        cursor: string;
    };
    icon: {
        marginLeft: string;
        fontSize: string;
        fill: string;
    };
    asc: {
        fill: string;
    };
    desc: {
        fill: string;
    };
};
export declare const toggleDirection: (dir: SortDirection) => 'ASC' | 'DESC';