import type { FilterTileProps as FilterTilePropsPreact } from '@sisense/sdk-ui-preact';
import type { PropType } from 'vue';
/**
 * Props of the {@link @sisense/sdk-ui-vue!FilterTile | `FilterTile`} component.
 */
export interface FilterTileProps extends FilterTilePropsPreact {
}
/**
 * UI component that renders a filter tile based on filter type
 *
 * @example
 * Here’s how to render a filter model as a filter tile.
 * ```vue
<script setup lang="ts">
import { ref } from 'vue';
import { FilterTile } from '@sisense/sdk-ui-vue';
import { filterFactory, type Filter } from '@sisense/sdk-data';
import * as DM from '../assets/sample-ecommerce-model.js';

const filter = ref<Filter>(filterFactory.members(DM.Commerce.Gender, ['Male', 'Female']));
const handleFilterChange = (updatedFilter: Filter | null) => {
  if (updatedFilter) {
    filter.value = updatedFilter;
  }
};
</script>

<template>
  <FilterTile :filter="filter" :onChange="handleFilterChange" />
</template>
 * ```
 * <img src="media://vue-filter-tile-example.png" width="225px" />
 * @param props - FilterTile props
 * @returns FilterTile component
 * @group Filter Tiles
 * @shortDescription Facade component rendering a filter tile based on filter type
 */
export declare const FilterTile: import("vue").DefineComponent<{
    /**
     * {@inheritDoc @sisense/sdk-ui!FilterTileProps.filter}
     */
    filter: {
        type: PropType<import("@sisense/sdk-data").Filter>;
        required: true;
    };
    /**
     * {@inheritDoc @sisense/sdk-ui!FilterTileProps.defaultDataSource}
     */
    defaultDataSource: PropType<import("@sisense/sdk-data").DataSource | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!FilterTileProps.onChange}
     */
    onChange: {
        type: PropType<(filter: import("@sisense/sdk-data").Filter | null) => void>;
        required: true;
    };
    /**
     * {@inheritDoc @sisense/sdk-ui!FilterTileProps.onDelete}
     */
    onDelete: PropType<(() => void) | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!FilterTileProps.onEdit}
     */
    onEdit: PropType<((levelIndex?: number | undefined) => void) | 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!FilterTileProps.filter}
     */
    filter: {
        type: PropType<import("@sisense/sdk-data").Filter>;
        required: true;
    };
    /**
     * {@inheritDoc @sisense/sdk-ui!FilterTileProps.defaultDataSource}
     */
    defaultDataSource: PropType<import("@sisense/sdk-data").DataSource | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!FilterTileProps.onChange}
     */
    onChange: {
        type: PropType<(filter: import("@sisense/sdk-data").Filter | null) => void>;
        required: true;
    };
    /**
     * {@inheritDoc @sisense/sdk-ui!FilterTileProps.onDelete}
     */
    onDelete: PropType<(() => void) | undefined>;
    /**
     * {@inheritDoc @sisense/sdk-ui!FilterTileProps.onEdit}
     */
    onEdit: PropType<((levelIndex?: number | undefined) => void) | undefined>;
}>>, {}, {}>;