export declare const preview: {
    ({ embeddableTheme, }: {
        embeddableTheme: any;
    }): React.JSX.Element;
    displayName: string;
};
export declare const meta: {
    readonly name: "ComparisonPeriodSelectFieldPro";
    readonly label: "Comparison Period Select Field";
    readonly description: "Dropdown for picking a comparison period (e.g. the previous period or previous year). Pairs with a comparisonPeriod variable; emits onChange.";
    readonly category: "Dropdowns - dates";
    readonly defaultWidth: 300;
    readonly defaultHeight: 120;
    readonly inputs: [{
        readonly name: "title";
        readonly type: "string";
        readonly label: "Title";
        readonly category: "Component Header";
    }, {
        readonly name: "description";
        readonly type: "string";
        readonly label: "Description";
        readonly category: "Component Header";
    }, {
        readonly name: "tooltip";
        readonly type: "string";
        readonly label: "Tooltip";
        readonly category: "Component Header";
    }, {
        readonly defaultValue: "Select a date-comparison";
        readonly name: "placeholder";
        readonly type: "string";
        readonly label: "Placeholder";
        readonly category: "Component Settings";
    }, {
        readonly name: "primaryDateRange";
        readonly label: "Primary date-range";
        readonly category: "Pre-configured variables";
        readonly description: "Pick the main time period. The comparison range is based on this selection.";
        readonly type: "timeRange";
    }, {
        readonly label: "Selected comparison period";
        readonly category: "Pre-configured variables";
        readonly name: string;
        readonly type: import("@embeddable.com/core").EmbeddableType;
    }];
    readonly events: [{
        readonly name: "onChange";
        readonly label: "Selected comparison-period updated";
        readonly properties: [{
            readonly name: "value";
            readonly label: "Selected comparison-period";
            readonly type: import("@embeddable.com/core").EmbeddableType;
        }];
    }];
    readonly variables: [{
        readonly name: "comparison-period value";
        readonly type: import("@embeddable.com/core").EmbeddableType;
        readonly defaultValue: {
            operation: "NO_FILTER" | "VALUE";
            value?: unknown;
            __embeddableVariableMeta: true;
        };
        readonly inputs: ["comparisonPeriod"];
        readonly events: [{
            readonly name: "onChange";
            readonly property: "value";
        }];
    }];
};
declare const _default: {
    ({ propsUpdateListener, clientContext, embeddableTheme, ...props }: import("@embeddable.com/react").WrapperProps): React.JSX.Element;
    displayName: string;
};
export default _default;
//# sourceMappingURL=ComparisonPeriodSelectFieldPro.emb.d.ts.map