import { type ButtonHTMLAttributes, type Ref, type SVGProps } from 'react';
import { type CssLength, type CssTime } from '../../../utils/css';
type SortIconDirection = 'ascending' | 'descending';
type SortIconProps = Omit<SVGProps<SVGSVGElement>, 'children' | 'color'> & {
    direction?: SortIconDirection;
    title?: string;
};
type SortIconButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-pressed' | 'children' | 'color'> & {
    direction?: SortIconDirection;
    defaultDirection?: SortIconDirection;
    onDirectionChange?: (direction: SortIconDirection) => void;
    label?: string;
    size?: CssLength;
    hitArea?: CssLength;
    color?: string;
    hoverColor?: string;
    duration?: CssTime;
    animated?: boolean;
    ref?: Ref<HTMLButtonElement>;
};
declare const SortIcon: ({ direction, className, title, strokeWidth, ...props }: SortIconProps) => import("react/jsx-runtime").JSX.Element;
declare const SortIconButton: ({ direction, defaultDirection, onDirectionChange, label, size, hitArea, color, hoverColor, duration, animated, className, style, type, disabled, onClick, ref, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }: SortIconButtonProps) => import("react/jsx-runtime").JSX.Element;
export { SortIconButton, SortIcon };
export type { SortIconButtonProps, SortIconDirection, SortIconProps };