import type { JSX } from 'react';
interface DataTablePinningShadowHeaderCellsProps {
    isLeftShadow: boolean;
    isRightShadow: boolean;
    leftPosition: number | undefined;
    rightPosition: number | undefined;
    gridPosition: {
        gridColumnStart: number;
        gridColumnEnd: number | `span ${number}`;
        gridRowStart: number;
        gridRowEnd: number | `span ${number}`;
    };
}
/**
 * Renders a shadow to visually emphasize pinned columns in the header.
 * To place the shadow correctly, we render a cell on top of the last left pinned/first right pinned header
 * and add the shadow inside an `::after` element to the right/left edge of this cell. The shadow is only
 * rendered when the table is actually overflowing behind the pinned columns on the respective side.
 */
export declare function DataTablePinningShadowHeaderCells(props: Readonly<DataTablePinningShadowHeaderCellsProps>): JSX.Element | null;
export declare namespace DataTablePinningShadowHeaderCells {
    var displayName: string;
}
export {};