import { VisEventCallback, VisEventType } from './types';

export interface ComponentConfigInterface {
    /** Animation duration of the data update transitions in milliseconds. Default: `600` */
    duration?: number;
    /** Events configuration. An object containing properties in the following format:
     *
     * ```
     * {
     *   [selectorString]: {
     *       [eventType]: callbackFunction
     *   }
     * }
     * ```
     * e.g.:
     * ```
     * {
     *   [Area.selectors.area]: {
     *     click: (d) => console.log("Clicked Area", d)
     *   }
     * }
     * ```
     */
    events?: {
        [selector: string]: {
            [eventType in VisEventType]?: VisEventCallback;
        };
    };
    /** You can set every SVG and HTML visualization object to have a custom DOM attributes, which is useful
     * when you want to do unit or end-to-end testing. Attributes configuration object has the following structure:
     *
     * ```
     * {
     *   [selectorString]: {
     *       [attributeName]: attribute constant value or accessor function
     *   }
     * }
     * ```
     * e.g.:
     * ```
     * {
     *   [Area.selectors.area]: {
     *     "test-value": d => d.value
     *   }
     * }
     * ```
     */
    attributes?: {
        [selector: string]: {
            [attr: string]: string | number | boolean | ((datum: any) => string | number | boolean);
        };
    };
}
export declare const ComponentDefaultConfig: ComponentConfigInterface;