import { type FunctionComponent } from 'react';
import { ChartWidgetProps } from './types';
/**
 * The Chart Widget component extending the {@link Chart} component to support widget style options.
 * It can be used along with the {@link DrilldownWidget} component to support advanced data drilldown.
 *
 * @example
 * ```tsx
 * import { ChartWidget } from '@sisense/sdk-ui';
 * import { measureFactory } from '@sisense/sdk-data';
 * import * as DM from './sample-ecommerce';
 *
 * const CodeExample = () => (
 *   <ChartWidget
 *     title="Revenue by Quarter"
 *     description="This chart shows the total revenue by quarter."
 *     chartType="column"
 *     dataSource={DM.DataSource}
 *     dataOptions={{
 *       category: [DM.Commerce.Date.Quarters],
 *       value: [measureFactory.sum(DM.Commerce.Revenue, 'Total Revenue')],
 *       breakBy: [],
 *     }}
 *   />
 * );
 *
 * export default CodeExample;
 * ```
 *
 * <img src="media://chart-widget-example-1.png" width="700px" />
 * @param props - ChartWidget properties
 * @returns ChartWidget component representing a chart type as specified in `ChartWidgetProps.`{@link ChartWidgetProps.chartType | chartType}
 * @group Dashboards
 */
export declare const ChartWidget: FunctionComponent<ChartWidgetProps>;