import { type FunctionComponent } from 'react';
import { PivotTableWidgetProps } from './types';
/**
 * Computes the outer widget height in auto-height mode.
 *
 * The inner pivot reports only its own table height. The widget reserves additional vertical
 * space above the pivot — the container chrome (header + `spaceAround` padding) and
 * the optional top slot (e.g. drilldown breadcrumbs, narrative-above). Callers must
 * sum all such non-pivot reserved space into `reservedHeight` so that pagination at the bottom of
 * the pivot remains reachable.
 *
 * @param pivotTableHeight - The measured content height of the pivot table.
 * @param reservedHeight - The total non-pivot vertical space the widget reserves (chrome + topSlot).
 * @returns The total widget height in pixels, or `undefined` when the content height is unknown.
 * @internal
 */
export declare function calcPivotTableWidgetHeight(pivotTableHeight: number | undefined, reservedHeight: number): number | undefined;
/**
 * React component extending `PivotTable` to support widget style options.
 *
 * @example
 * Example of using the `PivotTableWidget` component to
 * plot a pivot table over the `Sample ECommerce` data source hosted in a Sisense instance.
 * ```tsx
 * <PivotTableWidget
 *   dataSource={DM.DataSource}
 *   dataOptions={{
 *     rows: [DM.Category.Category],
 *     values: [measureFactory.sum(DM.Commerce.Cost, 'Total Cost')]
 *   }}
 *   title="Pivot Table Widget Example"
 *   styleOptions={{
 *     spaceAround: 'Medium',
 *     cornerRadius: 'Large',
 *     shadow: 'Light',
 *     border: true,
 *     borderColor: '#e0e0e0',
 *     backgroundColor: '#ffffff',
 *     header: {
 *       hidden: false,
 *       titleTextColor: '#333333',
 *       titleAlignment: 'Center',
 *       dividerLine: true,
 *       dividerLineColor: '#e0e0e0',
 *       backgroundColor: '#f5f5f5'
 *     }
 *   }}
 * />
 * ```
 * <img src="media://pivot-widget-example.png" width="800px" />
 * @param props - Pivot Table Widget properties
 * @returns Widget component representing a pivot table
 * @group Dashboards
 */
export declare const PivotTableWidget: FunctionComponent<PivotTableWidgetProps>;