import type { KpiChartProps as KpiChartPropsPreact } from '@sisense/sdk-ui-preact';
import type { PropType } from 'vue';
/**
 * Props of the {@link @sisense/sdk-ui-vue!KpiChart | `KpiChart`} component.
 */
export interface KpiChartProps extends KpiChartPropsPreact {
}
/**
 * A Vue component that displays a single headline metric as a card, optionally with a
 * sparkline of its trend and a readout comparing it against a baseline.
 *
 * Given just a measure, the card shows that number on its own. Adding a `category` — typically
 * a date dimension — gives it a sparkline and a caption for the period being shown. Adding a
 * `comparison` makes it also report how the metric moved: against the previous period, against
 * a second measure, or against a target.
 *
 * @example
 * ```vue
 * <script setup lang="ts">
 * import { ref } from 'vue';
 * import { KpiChart } from '@sisense/sdk-ui-vue';
 * import * as DM from './sample-ecommerce';
 * import { measureFactory } from '@sisense/sdk-data';
 *
 * const chartProps = ref({
 *   dataOptions: {
 *     value: measureFactory.sum(DM.Commerce.Revenue, 'Total Revenue'),
 *     category: DM.Commerce.Date.Months,
 *     comparison: { type: 'previous-period' },
 *   },
 *   styleOptions: {
 *     sparkline: { chartType: 'area' },
 *     height: 250,
 *   },
 * });
 * </script>
 *
 * <template>
 *   <KpiChart
 *     :dataSet="DM.DataSource"
 *     :dataOptions="chartProps.dataOptions"
 *     :styleOptions="chartProps.styleOptions"
 *   />
 * </template>
 * ```
 * <img src="media://kpi-chart-example-1.png" width="400px" />
 * @param {KpiChartProps} - KPI chart properties
 * @returns KPI Chart component
 * @group Charts
 */
export declare const KpiChart: import("vue").DefineComponent<{
    /**
     * {@inheritDoc @sisense/sdk-ui!KpiChartProps.dataOptions}
     *
     * @category Chart
     */
    dataOptions: {
        type: PropType<import("@sisense/sdk-ui-preact").KpiChartDataOptions>;
        required: true;
    };
    /**
     * {@inheritDoc @sisense/sdk-ui!KpiChartProps.dataSet}
     *
     * @category Data
     */
    dataSet: PropType<import("@sisense/sdk-data").DataSource | import("@sisense/sdk-data").Data | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!KpiChartProps.filters}
     *
     * @category Data
     */
    filters: PropType<import("@sisense/sdk-data").FilterRelations | import("@sisense/sdk-data").Filter[] | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!KpiChartProps.highlights}
     *
     * @category Data
     */
    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!KpiChartProps.styleOptions}
     *
     * @category Chart
     */
    styleOptions: PropType<import("@sisense/sdk-ui-preact").KpiStyleOptions | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!KpiChartProps.onBeforeRender}
     *
     * @category Callbacks
     */
    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").KpiBeforeRenderHandler | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!KpiChartProps.onDataReady}
     *
     * @category Callbacks
     */
    onDataReady: PropType<((data: import("@sisense/sdk-data").Data) => import("@sisense/sdk-data").Data) | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!KpiChartProps.onDataPointClick}
     *
     * @category Callbacks
     */
    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").KpiDataPointEventHandler | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!KpiChartProps.onDataPointContextMenu}
     *
     * @category Callbacks
     */
    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").KpiDataPointEventHandler | undefined>;
}, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>) | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    /**
     * {@inheritDoc @sisense/sdk-ui!KpiChartProps.dataOptions}
     *
     * @category Chart
     */
    dataOptions: {
        type: PropType<import("@sisense/sdk-ui-preact").KpiChartDataOptions>;
        required: true;
    };
    /**
     * {@inheritDoc @sisense/sdk-ui!KpiChartProps.dataSet}
     *
     * @category Data
     */
    dataSet: PropType<import("@sisense/sdk-data").DataSource | import("@sisense/sdk-data").Data | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!KpiChartProps.filters}
     *
     * @category Data
     */
    filters: PropType<import("@sisense/sdk-data").FilterRelations | import("@sisense/sdk-data").Filter[] | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!KpiChartProps.highlights}
     *
     * @category Data
     */
    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!KpiChartProps.styleOptions}
     *
     * @category Chart
     */
    styleOptions: PropType<import("@sisense/sdk-ui-preact").KpiStyleOptions | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!KpiChartProps.onBeforeRender}
     *
     * @category Callbacks
     */
    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").KpiBeforeRenderHandler | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!KpiChartProps.onDataReady}
     *
     * @category Callbacks
     */
    onDataReady: PropType<((data: import("@sisense/sdk-data").Data) => import("@sisense/sdk-data").Data) | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!KpiChartProps.onDataPointClick}
     *
     * @category Callbacks
     */
    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").KpiDataPointEventHandler | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!KpiChartProps.onDataPointContextMenu}
     *
     * @category Callbacks
     */
    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").KpiDataPointEventHandler | undefined>;
}>>, {}, {}>;