import type { BoxElementProps } from "@twilio-paste/box";
import * as React from "react";
import type { TdProps } from "./table/Td";
import type { ThProps } from "./table/Th";
export type DataGridCellBasePropsProps = {
    /**
     * Overrides the default element name to apply unique styles with the Customization Provider
     *
     * @default 'DATA_GRID_CELL'
     * @type {BoxElementProps['element']}
     * @memberof DataGridCellProps
     */
    element?: BoxElementProps["element"];
    /**
     * How many columns the cell spans across
     *
     * @type {number}
     * @memberof DataGridCellProps
     */
    colSpan?: number;
};
type DataGridCellAsThProps = ThProps & DataGridCellBasePropsProps & {
    as?: "th";
};
type DataGridCellAsTdProps = TdProps & DataGridCellBasePropsProps & {
    as?: "td";
};
export type DataGridCellProps = DataGridCellAsThProps | DataGridCellAsTdProps;
/**
 * DataGrid cell component. Every visible box in a data grid is powered by the cell.
 *
 * @param {"th" | "td"} [as=td] - is it a header or a regular cell
 * @param {string} [element=DATA_GRID_CELL] - customization element
 * @param {number} [colSpan] - how many columns the cell spans across
 */
export declare const DataGridCell: React.FC<React.PropsWithChildren<DataGridCellProps>>;
export {};
//# sourceMappingURL=DataGridCell.d.ts.map