import React from 'react';
import { ComponentProps } from '@hitagi/utils/types';
import * as SS from 'styled-system';
import { ColorProps } from '../styles/system';
import { SortField } from './useSorting';
import { SortIndicatorVariant } from '../SortIndicator';
import Text from '../Text';
type AlignProps = {
    align?: 'center' | 'end' | 'start';
};
type WhiteSpaceProps = Pick<React.CSSProperties, 'whiteSpace'>;
type TextColorProps = {
    textColor?: ColorProps['color'];
};
type HeadColWrapperProps = {
    /** textVariant prop is a tiny bit nonsensical for as for this component, but
     * seems like it can be very useful in some rare situations when we have a
     * somewhat complex head col that may consist of multiple abbreviated messages
     * and tooltips, but we want to use it outside the table */
    textVariant?: ComponentProps<typeof Text>['variant'];
} & SS.WidthProps & SS.MinWidthProps & SS.MaxWidthProps & SS.FlexGrowProps & SS.FlexShrinkProps & SS.FlexBasisProps & AlignProps & WhiteSpaceProps & TextColorProps;
export type HeadColProps<T = unknown> = {
    sortField?: SortField<T>;
    sortIndicatorVariant?: SortIndicatorVariant;
    disableSorting?: boolean;
} & React.HTMLAttributes<HTMLDivElement> & HeadColWrapperProps;
export declare function HeadCol<T>(props: HeadColProps<T>): JSX.Element;
export {};