import React, { CSSProperties, ForwardedRef } from 'react';
export type OnClickPropsType = {
    id?: string;
};
export type SelectorBoxProps = {
    /**
     * element which need to styled
     */
    children?: React.ReactNode | JSX.Element | JSX.Element[];
    /**
     * additional class
     */
    className?: string;
    classes?: {
        content?: string;
    };
    /**
     * add custom attributes on element
     */
    customAttributes?: Record<string, string>;
    /**
     * font color if not default
     */
    fontColor?: string;
    /**
     * import { Icon } from '@parlor/ui/icons' then send some svg icon from list or write your manual JSX element
     */
    icon?: JSX.Element;
    /**
     * id element id
     */
    id?: string;
    /**
     * is editable
     */
    isEditable?: boolean;
    isEllipsis?: boolean;
    /**
     * send true for disabled state
     */
    isEmpty?: boolean;
    /**
     * isQueryBuilder for if it is part of query builder or not
     */
    isQueryBuilder?: boolean;
    /**
     * show remove icon when true
     */
    isRemovable?: boolean;
    /**
     * show remove icon when hover on
     */
    isRemovableOnHover?: boolean;
    /**
     * callback when click at selector box
     */
    onClick?: (event?: React.MouseEvent<HTMLSpanElement, MouseEvent>, props?: OnClickPropsType) => void;
    /**
     * callback when click at remove icon
     */
    onRemove?: (event?: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
    /**
     * object with avatar and name properties
     */
    profile?: {
        avatar?: string;
        name?: string;
    };
    /**
     * @description jsx to be rendered for remove icon
     * @default ```<Icon.X />```
     */
    removeIcon?: JSX.Element;
    /**
     * status
     */
    status?: string;
    /**
     * inline styles
     */
    style?: CSSProperties;
    suffix?: JSX.Element;
    /**
     * variant
     */
    variant?: 'default' | 'hoverable';
    viewVariant?: string;
};
export declare const SelectorBox: ({ children, isQueryBuilder, suffix, icon, profile, isRemovable, isRemovableOnHover, isEditable, isEmpty, variant, status, onClick, id, onRemove, className: outerClassName, style, removeIcon, customAttributes, fontColor, classes, viewVariant, isEllipsis, }: SelectorBoxProps, ref?: ForwardedRef<HTMLDivElement>) => JSX.Element;
