import React from 'react';
export type Category = 'Technology' | 'System' | 'People' | 'Process' | 'Influence';
export type SelectedLevels = {
    [key in Category]: string;
};
export type LevelMap = {
    [key in Category]: string[];
};
export interface StyleConfig {
    form?: React.CSSProperties;
    fieldset?: React.CSSProperties;
    controlsContainer?: React.CSSProperties;
    controlWrapper?: React.CSSProperties;
    label?: React.CSSProperties;
    selectWrapper?: React.CSSProperties;
    select?: React.CSSProperties;
    customDropdownArrow?: {
        url: string;
        width?: number;
        height?: number;
        position?: {
            right?: number | string;
            top?: number | string;
        };
    };
}
interface ControlsProps {
    categories: Category[];
    selectedLevels: SelectedLevels;
    handleLevelChange: (category: Category, value: string) => void;
    levelMap: LevelMap;
    scrollable?: boolean;
    styles?: StyleConfig;
}
declare const Controls: React.FC<ControlsProps>;
export default Controls;