import type { CSSProperties, ReactNode } from 'react';
import { type Sx, type WDesignTheme } from '@worldprinter/wdesign-core';
import type { DataTableColumn, DataTableSortProps } from './types';
type DataTableHeaderCellProps<T> = {
    className?: string;
    sx?: Sx;
    style?: CSSProperties;
    visibleMediaQuery: string | ((theme: WDesignTheme) => string) | undefined;
    title: ReactNode | undefined;
    sortStatus: DataTableSortProps['sortStatus'];
    sortIcons: DataTableSortProps['sortIcons'];
    onSortStatusChange: DataTableSortProps['onSortStatusChange'];
} & Pick<DataTableColumn<T>, 'accessor' | 'sortable' | 'textAlignment' | 'width' | 'filter' | 'filtering'>;
export default function DataTableHeaderCell<T>({ className, sx, style, accessor, visibleMediaQuery, title, sortable, sortIcons, textAlignment, width, sortStatus, onSortStatusChange, filter, filtering, }: DataTableHeaderCellProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
export {};