import { type FunctionComponent } from 'react';
import { WidgetByIdProps } from '../../../../props.js';
/**
 * The WidgetById component, which is a thin wrapper on the {@link ChartWidget} component,
 * is used to render a widget created in a Sisense Fusion instance.
 *
 * To learn more about using Sisense Fusion Widgets in Compose SDK,
 * see [Sisense Fusion Widgets](/guides/sdk/guides/charts/guide-fusion-widgets.html).
 *
 * **Note:** Widget extensions based on JS scripts and add-ons in Fusion are not supported.
 *
 * @example
 * Display two dashboard widgets from a Fusion instance.
 *
 * ```tsx
 * import { WidgetById } from '@sisense/sdk-ui';
 *
 * const CodeExample = () => (
 *   <>
 *     <WidgetById
 *       dashboardOid="65a82171719e7f004018691c"
 *       widgetOid="65a82171719e7f0040186924"
 *       includeDashboardFilters={true}
 *       styleOptions={{ height: 380 }}
 *     />
 *     <WidgetById
 *       dashboardOid="65a82171719e7f004018691c"
 *       widgetOid="65a82171719e7f004018691f"
 *       styleOptions={{ height: 380 }}
 *     />
 *   </>
 * );
 *
 * export default CodeExample;
 * ```
 *
 * <img src="media://widget-by-id-example-1.png" width="700px" />
 *
 * @group Fusion Assets
 * @fusionEmbed
 */
export declare const WidgetById: FunctionComponent<WidgetByIdProps>;