import type { FiltersPanelConfig, FiltersPanelProps as FiltersPanelPropsPreact } from '@sisense/sdk-ui-preact';
import type { PropType } from 'vue';
/** Reexport related types */
export type { FiltersPanelConfig };
/**
 * Props of the {@link @sisense/sdk-ui-vue!FiltersPanel | `FiltersPanel`} component.
 */
export interface FiltersPanelProps extends FiltersPanelPropsPreact {
}
/**
 * Filters panel component that renders a list of filter tiles
 *
 * @example
 * Here's how to render a filters panel with a set of filters.
 * ```vue
<script setup lang="ts">
import { ref } from 'vue';
import { FiltersPanel } from '@sisense/sdk-ui-vue';
import { filterFactory, type Filter, type FilterRelations } from '@sisense/sdk-data';
import * as DM from '../assets/sample-ecommerce-model.js';

const filters = ref<Filter[]>([
  filterFactory.members(DM.Commerce.Gender, ['Male', 'Female']),
  filterFactory.members(DM.Commerce.AgeRange, ['0-18', '19-24']),
]);

const handleFiltersChange = (updatedFilters: Filter[] | FilterRelations) => {
  filters.value = updatedFilters as Filter[];
  console.log('Filters changed:', updatedFilters);
};
</script>

<template>
  <FiltersPanel
    :filters="filters"
    :defaultDataSource="DM.DataSource"
    :onFiltersChange="handleFiltersChange"
  />
</template>
 * ```
 * @param props - FiltersPanel props
 * @returns FiltersPanel component
 *
 * @group Filter Tiles
 */
export declare const FiltersPanel: import("vue").DefineComponent<{
    /**
     * {@inheritDoc @sisense/sdk-ui!FiltersPanelProps.filters}
     */
    filters: {
        type: PropType<import("@sisense/sdk-data").FilterRelations | import("@sisense/sdk-data").Filter[]>;
        required: true;
    };
    /**
     * {@inheritDoc @sisense/sdk-ui!FiltersPanelProps.defaultDataSource}
     */
    defaultDataSource: PropType<import("@sisense/sdk-data").DataSource | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!FiltersPanelProps.dataSources}
     *
     * @internal
     */
    dataSources: PropType<import("@sisense/sdk-data").DataSource[] | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!FiltersPanelProps.config}
     */
    config: PropType<FiltersPanelConfig | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!FiltersPanelProps.onFiltersChange}
     */
    onFiltersChange: {
        type: PropType<(filters: import("@sisense/sdk-data").FilterRelations | import("@sisense/sdk-data").Filter[]) => void>;
        required: true;
    };
}, (() => 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!FiltersPanelProps.filters}
     */
    filters: {
        type: PropType<import("@sisense/sdk-data").FilterRelations | import("@sisense/sdk-data").Filter[]>;
        required: true;
    };
    /**
     * {@inheritDoc @sisense/sdk-ui!FiltersPanelProps.defaultDataSource}
     */
    defaultDataSource: PropType<import("@sisense/sdk-data").DataSource | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!FiltersPanelProps.dataSources}
     *
     * @internal
     */
    dataSources: PropType<import("@sisense/sdk-data").DataSource[] | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!FiltersPanelProps.config}
     */
    config: PropType<FiltersPanelConfig | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!FiltersPanelProps.onFiltersChange}
     */
    onFiltersChange: {
        type: PropType<(filters: import("@sisense/sdk-data").FilterRelations | import("@sisense/sdk-data").Filter[]) => void>;
        required: true;
    };
}>>, {}, {}>;