import type { JSX } from 'react';
import type { Column } from '../../hooks/useTable/types.js';
interface DataTablePinningShadowCellsProps {
    lastLeftPinnedColumn: {
        column?: Column<unknown, unknown>;
        index?: number;
    };
    firstRightPinnedColumn: {
        column?: Column<unknown, unknown>;
        index?: number;
    };
    gridRowPosition: {
        gridColumnStart: number;
        gridColumnEnd: number | `span ${number}` | 'row-end';
        gridRowStart: number;
        gridRowEnd: number | `span ${number}`;
    };
    rowId: string;
}
/**
 * Renders a shadow to visually emphasize pinned columns in the body.
 * To place the shadow correctly, we render a cell on top of the last left pinned/first right pinned cell
 * 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 DataTablePinningShadowCells(props: Readonly<DataTablePinningShadowCellsProps>): JSX.Element | null;
export declare namespace DataTablePinningShadowCells {
    var displayName: string;
}
export {};