import type { AreaRangeChartProps as AreaRangeChartPropsPreact } from '@sisense/sdk-ui-preact';
import type { PropType } from 'vue';
/**
 * Props of the {@link @sisense/sdk-ui-vue!AreaRangeChart | `AreaRangeChart`} component.
 */
export interface AreaRangeChartProps extends AreaRangeChartPropsPreact {
}
/**
 * A Vue component that displays a range of data over a given time period
 * or across multiple categories. It is particularly useful for visualizing
 * the minimum and maximum values in a dataset, along with the area between these values.
 *
 * @example
 * Area range chart displaying total revenue per quarter from the Sample ECommerce data model,
 * with the range spanning 60%-140% of the actual revenue.
 *
 * ```vue
 * <script setup lang="ts">
 * import { ref } from 'vue';
 * import { AreaRangeChart, type AreaRangeChartProps } from '@sisense/sdk-ui-vue';
 * import { measureFactory } from '@sisense/sdk-data';
 * import * as DM from './sample-ecommerce';
 *
 * const chartProps = ref<{ dataOptions: AreaRangeChartProps['dataOptions'] }>({
 *   dataOptions: {
 *     category: [DM.Commerce.Date.Quarters],
 *     value: [
 *       {
 *         title: 'Revenue',
 *         upperBound: measureFactory.multiply(measureFactory.sum(DM.Commerce.Revenue), 1.4, 'Upper Revenue'),
 *         lowerBound: measureFactory.multiply(measureFactory.sum(DM.Commerce.Revenue), 0.6, 'Lower Revenue'),
 *       },
 *     ],
 *     breakBy: [],
 *   },
 * });
 * </script>
 *
 * <template>
 *   <AreaRangeChart :dataSet="DM.DataSource" :dataOptions="chartProps.dataOptions" />
 * </template>
 * ```
 *
 * <img src="media://area-range-chart-example-1.png" width="700px" />
 *
 * The same range broken down by condition:
 *
 * ```vue
 * chartProps.value.dataOptions = {
 *   category: [DM.Commerce.Date.Quarters],
 *   value: [
 *     {
 *       title: 'Revenue',
 *       upperBound: measureFactory.multiply(measureFactory.sum(DM.Commerce.Revenue), 1.4, 'Upper Revenue'),
 *       lowerBound: measureFactory.multiply(measureFactory.sum(DM.Commerce.Revenue), 0.6, 'Lower Revenue'),
 *     },
 *   ],
 *   breakBy: [DM.Commerce.Condition],
 * };
 * ```
 *
 * <img src="media://area-range-chart-example-2.png" width="700px" />
 * @param {AreaRangeChartProps} - Area chart properties
 * @returns Area Range Chart component
 * @group Charts
 */
export declare const AreaRangeChart: import("vue").DefineComponent<{
    /**
     * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.dataOptions}
     *
     * @category Chart
     */
    dataOptions: {
        type: PropType<import("@sisense/sdk-ui-preact").RangeChartDataOptions>;
        required: true;
    };
    /**
     * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.dataSet}
     *
     * @category Data
     */
    dataSet: PropType<import("@sisense/sdk-data").DataSource | import("@sisense/sdk-data").Data | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.filters}
     *
     * @category Data
     */
    filters: PropType<import("@sisense/sdk-data").FilterRelations | import("@sisense/sdk-data").Filter[] | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.highlights}
     *
     * @category Data
     */
    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.onBeforeRender}
     *
     * @category Callbacks
     */
    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.onDataReady}
     *
     * @category Callbacks
     */
    onDataReady: PropType<((data: import("@sisense/sdk-data").Data) => import("@sisense/sdk-data").Data) | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.onDataPointClick}
     *
     * @category Callbacks
     */
    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.onDataPointContextMenu}
     *
     * @category Callbacks
     */
    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.onDataPointsSelected}
     *
     * @category Callbacks
     */
    onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.styleOptions}
     *
     * @category Chart
     */
    styleOptions: PropType<import("@sisense/sdk-ui-preact").AreaRangeStyleOptions | 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!AreaRangeChartProps.dataOptions}
     *
     * @category Chart
     */
    dataOptions: {
        type: PropType<import("@sisense/sdk-ui-preact").RangeChartDataOptions>;
        required: true;
    };
    /**
     * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.dataSet}
     *
     * @category Data
     */
    dataSet: PropType<import("@sisense/sdk-data").DataSource | import("@sisense/sdk-data").Data | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.filters}
     *
     * @category Data
     */
    filters: PropType<import("@sisense/sdk-data").FilterRelations | import("@sisense/sdk-data").Filter[] | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.highlights}
     *
     * @category Data
     */
    highlights: PropType<import("@sisense/sdk-data").Filter[] | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.onBeforeRender}
     *
     * @category Callbacks
     */
    onBeforeRender: PropType<import("@sisense/sdk-ui-preact").BeforeRenderHandler | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.onDataReady}
     *
     * @category Callbacks
     */
    onDataReady: PropType<((data: import("@sisense/sdk-data").Data) => import("@sisense/sdk-data").Data) | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.onDataPointClick}
     *
     * @category Callbacks
     */
    onDataPointClick: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.onDataPointContextMenu}
     *
     * @category Callbacks
     */
    onDataPointContextMenu: PropType<import("@sisense/sdk-ui-preact").DataPointEventHandler | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.onDataPointsSelected}
     *
     * @category Callbacks
     */
    onDataPointsSelected: PropType<import("@sisense/sdk-ui-preact").DataPointsEventHandler | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!AreaRangeChartProps.styleOptions}
     *
     * @category Chart
     */
    styleOptions: PropType<import("@sisense/sdk-ui-preact").AreaRangeStyleOptions | undefined>;
}>>, {}, {}>;