import { LitElement } from 'lit';
import { type IgcDateRangePickerResourceStrings } from '../common/i18n/EN/date-range-picker.resources.js';
import type { CustomDateRange } from './date-range-picker.js';
/**
 * The predefined ranges area component is used within the `igc-date-range picker` element and it
 * displays a set of chips with predefined date ranges. The component allows users to quickly select
 * a predefined date range value. Users can also provide custom ranges to be displayed as chips.
 *
 * @element igc-predefined-ranges-area
 */
export default class IgcPredefinedRangesAreaComponent extends LitElement {
    static readonly tagName = "igc-predefined-ranges-area";
    static styles: import("lit").CSSResult[];
    private readonly _i18nController;
    static register(): void;
    private _predefinedRanges;
    /**
     * Whether the control will show chips with predefined ranges.
     * @attr use-predefined-ranges
     */
    usePredefinedRanges: boolean;
    /**
     * Renders chips with custom ranges based on the elements of the array.
     */
    customRanges: CustomDateRange[];
    /** The resource strings of the date range area component. */
    set resourceStrings(value: IgcDateRangePickerResourceStrings);
    get resourceStrings(): IgcDateRangePickerResourceStrings;
    constructor();
    protected _updatePredefinedRanges(): void;
    private _handleRangeSelect;
    protected _renderDateRanges(): Generator<import("lit-html").TemplateResult<1>, void, unknown>;
    protected render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'igc-predefined-ranges-area': IgcPredefinedRangesAreaComponent;
    }
}