kepler.gl/src/components/dist/common/item-selector/chickleted-input.d.ts

kepler.gl is a webgl based application to visualize large scale location data in the browser

import React from 'react';
import { IStyledComponent } from 'styled-components';
import { BaseComponentProps } from '../../types';
export declare type ChickletButtonProps = BaseComponentProps & {
    inputTheme?: string;
    ref?: (node: HTMLElement | null) => void;
};
export declare const ChickletButton: IStyledComponent<'web', ChickletButtonProps>;
export declare const ChickletTag: IStyledComponent<'web'>;
export declare type ChickletedInputContainerProps = BaseComponentProps & {
    inputTheme?: string;
    hasPlaceholder?: boolean;
    focus?: HTMLInputElement['focus'];
    disabled?: boolean;
    onClick?: (e: React.MouseEvent) => void;
};
declare type Item = string | number | boolean | object | undefined;
export declare type ChickletedInputProps = ChickletedInputContainerProps & {
    selectedItems?: any[];
    placeholder?: string;
    CustomChickletComponent?: React.ComponentType<any> | null;
    reorderItems?: (newOrder: any) => void;
    displayOption?: (item: Item) => string;
    removeItem: (item: Item, e: React.MouseEvent<SVGSVGElement, MouseEvent>) => void;
};
declare const ChickletedInput: React.FC<ChickletedInputProps>;
export default ChickletedInput;