import React from 'react';
import { TableFilter } from '../tables/types';
import { InputProps } from './Input';
export declare type SearchInputProps = InputProps & {
    actions?: React.ReactNode;
    filters?: TableFilter[];
    onClickClear?: InputProps['onClick'];
    focusedToken?: number;
    filterProps?: Object;
    clearable?: boolean;
};
export declare function SearchInput({ width, before, placeholder, after, actions, filters, onClickClear, focusedToken, filterProps, value, flex, padding, clearable, ...props }: SearchInputProps): JSX.Element;
export declare const ClearButton: import("gloss").GlossView<React.HTMLAttributes<HTMLButtonElement> & Omit<import("gloss").CommonHTMLProps, "children" | "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "subTheme" | "boxShadow" | "direction" | "fontSize" | "lineHeight" | "margin" | "marginBottom" | "marginTop" | "padding" | "perspective" | "transition" | "animate" | "initial" | "transformTemplate" | "transformValues" | "exit" | "variants" | "positionTransition" | "layoutTransition" | "onUpdate" | "onAnimationComplete" | "onPan" | "onPanStart" | "onPanSessionStart" | "onPanEnd" | "onTap" | "onTapStart" | "onTapCancel" | "whileTap" | "whileHover" | "onHoverStart" | "onHoverEnd" | "drag" | "dragDirectionLock" | "dragPropagation" | "dragConstraints" | "dragElastic" | "dragMomentum" | "dragTransition" | "_dragValueX" | "_dragValueY" | "_dragTransitionControls" | "dragOriginX" | "dragOriginY" | "onDirectionLock" | "onDragTransitionEnd" | "custom" | "inherit" | "static" | "x" | "y" | "z" | "translateX" | "translateY" | "translateZ" | "rotate" | "rotateX" | "rotateY" | "rotateZ" | "scale" | "scaleX" | "scaleY" | "scaleZ" | "skew" | "skewX" | "skewY" | "originX" | "originY" | "originZ" | "sizeLineHeight" | "applyPsuedoColors" | "applyThemeColor" | "alpha" | "alphaHover" | "elevation" | "elevationShadowColor" | "elevationShadowOpacity" | "elevatedShadowY" | "elevatedShadowSpread" | "elevatedShadowColor" | "boxShadowOpacity" | "label" | ("color" | "background" | "backgroundColor" | "border" | "borderColor" | "opacity") | "space" | "spaceAround" | keyof import("gloss").PseudoStyleProps | keyof import("..").SizedSurfaceSpecificProps | "borderPosition" | "focus" | "hover" | "active" | "ellipse" | "before" | "after" | "badge" | "badgeProps" | "name" | "chromeless" | "circular" | "elementProps" | "glintBottom" | "glint" | "glow" | "glowProps" | "hovered" | "icon" | "iconAfter" | "iconColor" | "iconProps" | "iconSize" | "showInnerElement" | "theme" | "tooltip" | "tooltipProps" | "disabled" | "type" | "iconPadding" | "ignoreSegment" | "betweenIconElement" | "segment" | "elementTheme"> & Omit<import("@o/css/_/cssPropertySet").GlossPropertySetFunctional, "children" | "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "subTheme" | "boxShadow" | "direction" | "fontSize" | "lineHeight" | "margin" | "marginBottom" | "marginTop" | "padding" | "perspective" | "transition" | "animate" | "initial" | "transformTemplate" | "transformValues" | "exit" | "variants" | "positionTransition" | "layoutTransition" | "onUpdate" | "onAnimationComplete" | "onPan" | "onPanStart" | "onPanSessionStart" | "onPanEnd" | "onTap" | "onTapStart" | "onTapCancel" | "whileTap" | "whileHover" | "onHoverStart" | "onHoverEnd" | "drag" | "dragDirectionLock" | "dragPropagation" | "dragConstraints" | "dragElastic" | "dragMomentum" | "dragTransition" | "_dragValueX" | "_dragValueY" | "_dragTransitionControls" | "dragOriginX" | "dragOriginY" | "onDirectionLock" | "onDragTransitionEnd" | "custom" | "inherit" | "static" | "x" | "y" | "z" | "translateX" | "translateY" | "translateZ" | "rotate" | "rotateX" | "rotateY" | "rotateZ" | "scale" | "scaleX" | "scaleY" | "scaleZ" | "skew" | "skewX" | "skewY" | "originX" | "originY" | "originZ" | "sizeLineHeight" | "applyPsuedoColors" | "applyThemeColor" | "alpha" | "alphaHover" | "elevation" | "elevationShadowColor" | "elevationShadowOpacity" | "elevatedShadowY" | "elevatedShadowSpread" | "elevatedShadowColor" | "boxShadowOpacity" | "label" | ("color" | "background" | "backgroundColor" | "border" | "borderColor" | "opacity") | "space" | "spaceAround" | keyof import("gloss").PseudoStyleProps | keyof import("..").SizedSurfaceSpecificProps | "borderPosition" | "focus" | "hover" | "active" | "ellipse" | "before" | "after" | "badge" | "badgeProps" | "name" | "chromeless" | "circular" | "elementProps" | "glintBottom" | "glint" | "glow" | "glowProps" | "hovered" | "icon" | "iconAfter" | "iconColor" | "iconProps" | "iconSize" | "showInnerElement" | "theme" | "tooltip" | "tooltipProps" | "disabled" | "type" | "iconPadding" | "ignoreSegment" | "betweenIconElement" | "segment" | "elementTheme"> & Omit<Omit<import("../View/types").ViewPropsPlain, "size" | "activeStyle" | "focusStyle" | "disabledStyle" | "focusWithinStyle" | "selectedStyle"> & import("..").SizedSurfaceSpecificProps & {
    borderPosition?: "inside" | "outside";
    focus?: boolean;
    hover?: boolean;
    active?: boolean;
    ellipse?: boolean;
    before?: React.ReactNode;
    after?: React.ReactNode;
    badge?: React.ReactNode;
    badgeProps?: Object;
    children?: React.ReactNode;
    name?: string;
    chromeless?: boolean;
    circular?: boolean;
    elementProps?: Object;
    glintBottom?: boolean;
    glint?: boolean;
    glow?: boolean;
    glowProps?: Object;
    hovered?: boolean;
    icon?: React.ReactNode;
    iconAfter?: boolean;
    iconColor?: import("@o/color").ColorLike;
    iconProps?: Partial<import("..").IconProps>;
    iconSize?: number;
    showInnerElement?: "always" | "never";
    theme?: import("gloss").CompiledTheme<any>;
    tooltip?: React.ReactNode;
    tooltipProps?: import("..").PopoverProps;
    alpha?: number;
    alphaHover?: number;
    disabled?: boolean;
    type?: string;
    subTheme?: import("gloss").ThemeSelect;
    iconPadding?: number;
    ignoreSegment?: boolean;
    space?: import("..").Size;
    spaceAround?: import("..").Size;
    betweenIconElement?: React.ReactNode;
    segment?: "middle" | "single" | "first" | "last";
    elementTheme?: import("gloss").ThemeFn<any>;
} & {
    hoverStyle?: import("gloss").ThemeFn<any> | import("gloss").PseudoStyle;
    activeStyle?: import("gloss").ThemeFn<any> | import("gloss").PseudoStyle;
    focusStyle?: import("gloss").ThemeFn<any> | import("gloss").PseudoStyle;
    disabledStyle?: import("gloss").ThemeFn<any> | import("gloss").PseudoStyle;
    focusWithinStyle?: import("gloss").ThemeFn<any> | import("gloss").PseudoStyle;
    selectedStyle?: import("gloss").ThemeFn<any> | import("gloss").PseudoStyle;
}, keyof import("gloss/_/types").GlossBaseProps<Props>> & import("gloss/_/types").GlossBaseProps<Omit<import("../View/types").ViewPropsPlain, "size" | "activeStyle" | "focusStyle" | "disabledStyle" | "focusWithinStyle" | "selectedStyle"> & import("..").SizedSurfaceSpecificProps & {
    borderPosition?: "inside" | "outside";
    focus?: boolean;
    hover?: boolean;
    active?: boolean;
    ellipse?: boolean;
    before?: React.ReactNode;
    after?: React.ReactNode;
    badge?: React.ReactNode;
    badgeProps?: Object;
    children?: React.ReactNode;
    name?: string;
    chromeless?: boolean;
    circular?: boolean;
    elementProps?: Object;
    glintBottom?: boolean;
    glint?: boolean;
    glow?: boolean;
    glowProps?: Object;
    hovered?: boolean;
    icon?: React.ReactNode;
    iconAfter?: boolean;
    iconColor?: import("@o/color").ColorLike;
    iconProps?: Partial<import("..").IconProps>;
    iconSize?: number;
    showInnerElement?: "always" | "never";
    theme?: import("gloss").CompiledTheme<any>;
    tooltip?: React.ReactNode;
    tooltipProps?: import("..").PopoverProps;
    alpha?: number;
    alphaHover?: number;
    disabled?: boolean;
    type?: string;
    subTheme?: import("gloss").ThemeSelect;
    iconPadding?: number;
    ignoreSegment?: boolean;
    space?: import("..").Size;
    spaceAround?: import("..").Size;
    betweenIconElement?: React.ReactNode;
    segment?: "middle" | "single" | "first" | "last";
    elementTheme?: import("gloss").ThemeFn<any>;
} & {
    hoverStyle?: import("gloss").ThemeFn<any> | import("gloss").PseudoStyle;
    activeStyle?: import("gloss").ThemeFn<any> | import("gloss").PseudoStyle;
    focusStyle?: import("gloss").ThemeFn<any> | import("gloss").PseudoStyle;
    disabledStyle?: import("gloss").ThemeFn<any> | import("gloss").PseudoStyle;
    focusWithinStyle?: import("gloss").ThemeFn<any> | import("gloss").PseudoStyle;
    selectedStyle?: import("gloss").ThemeFn<any> | import("gloss").PseudoStyle;
}> & {
    [key: string]: any;
} & {
    onChangeActive?: (next: boolean) => any;
    defaultActive?: boolean;
} & {
    invisible?: boolean;
}, import("gloss").GlossProps<React.HTMLAttributes<HTMLButtonElement> & Omit<import("gloss").CommonHTMLProps, "children" | "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "subTheme" | "boxShadow" | "direction" | "fontSize" | "lineHeight" | "margin" | "marginBottom" | "marginTop" | "padding" | "perspective" | "transition" | "animate" | "initial" | "transformTemplate" | "transformValues" | "exit" | "variants" | "positionTransition" | "layoutTransition" | "onUpdate" | "onAnimationComplete" | "onPan" | "onPanStart" | "onPanSessionStart" | "onPanEnd" | "onTap" | "onTapStart" | "onTapCancel" | "whileTap" | "whileHover" | "onHoverStart" | "onHoverEnd" | "drag" | "dragDirectionLock" | "dragPropagation" | "dragConstraints" | "dragElastic" | "dragMomentum" | "dragTransition" | "_dragValueX" | "_dragValueY" | "_dragTransitionControls" | "dragOriginX" | "dragOriginY" | "onDirectionLock" | "onDragTransitionEnd" | "custom" | "inherit" | "static" | "x" | "y" | "z" | "translateX" | "translateY" | "translateZ" | "rotate" | "rotateX" | "rotateY" | "rotateZ" | "scale" | "scaleX" | "scaleY" | "scaleZ" | "skew" | "skewX" | "skewY" | "originX" | "originY" | "originZ" | "sizeLineHeight" | "applyPsuedoColors" | "applyThemeColor" | "alpha" | "alphaHover" | "elevation" | "elevationShadowColor" | "elevationShadowOpacity" | "elevatedShadowY" | "elevatedShadowSpread" | "elevatedShadowColor" | "boxShadowOpacity" | "label" | ("color" | "background" | "backgroundColor" | "border" | "borderColor" | "opacity") | "space" | "spaceAround" | keyof import("gloss").PseudoStyleProps | keyof import("..").SizedSurfaceSpecificProps | "borderPosition" | "focus" | "hover" | "active" | "ellipse" | "before" | "after" | "badge" | "badgeProps" | "name" | "chromeless" | "circular" | "elementProps" | "glintBottom" | "glint" | "glow" | "glowProps" | "hovered" | "icon" | "iconAfter" | "iconColor" | "iconProps" | "iconSize" | "showInnerElement" | "theme" | "tooltip" | "tooltipProps" | "disabled" | "type" | "iconPadding" | "ignoreSegment" | "betweenIconElement" | "segment" | "elementTheme"> & Omit<import("@o/css/_/cssPropertySet").GlossPropertySetFunctional, "children" | "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "subTheme" | "boxShadow" | "direction" | "fontSize" | "lineHeight" | "margin" | "marginBottom" | "marginTop" | "padding" | "perspective" | "transition" | "animate" | "initial" | "transformTemplate" | "transformValues" | "exit" | "variants" | "positionTransition" | "layoutTransition" | "onUpdate" | "onAnimationComplete" | "onPan" | "onPanStart" | "onPanSessionStart" | "onPanEnd" | "onTap" | "onTapStart" | "onTapCancel" | "whileTap" | "whileHover" | "onHoverStart" | "onHoverEnd" | "drag" | "dragDirectionLock" | "dragPropagation" | "dragConstraints" | "dragElastic" | "dragMomentum" | "dragTransition" | "_dragValueX" | "_dragValueY" | "_dragTransitionControls" | "dragOriginX" | "dragOriginY" | "onDirectionLock" | "onDragTransitionEnd" | "custom" | "inherit" | "static" | "x" | "y" | "z" | "translateX" | "translateY" | "translateZ" | "rotate" | "rotateX" | "rotateY" | "rotateZ" | "scale" | "scaleX" | "scaleY" | "scaleZ" | "skew" | "skewX" | "skewY" | "originX" | "originY" | "originZ" | "sizeLineHeight" | "applyPsuedoColors" | "applyThemeColor" | "alpha" | "alphaHover" | "elevation" | "elevationShadowColor" | "elevationShadowOpacity" | "elevatedShadowY" | "elevatedShadowSpread" | "elevatedShadowColor" | "boxShadowOpacity" | "label" | ("color" | "background" | "backgroundColor" | "border" | "borderColor" | "opacity") | "space" | "spaceAround" | keyof import("gloss").PseudoStyleProps | keyof import("..").SizedSurfaceSpecificProps | "borderPosition" | "focus" | "hover" | "active" | "ellipse" | "before" | "after" | "badge" | "badgeProps" | "name" | "chromeless" | "circular" | "elementProps" | "glintBottom" | "glint" | "glow" | "glowProps" | "hovered" | "icon" | "iconAfter" | "iconColor" | "iconProps" | "iconSize" | "showInnerElement" | "theme" | "tooltip" | "tooltipProps" | "disabled" | "type" | "iconPadding" | "ignoreSegment" | "betweenIconElement" | "segment" | "elementTheme"> & Omit<Omit<import("../View/types").ViewPropsPlain, "size" | "activeStyle" | "focusStyle" | "disabledStyle" | "focusWithinStyle" | "selectedStyle"> & import("..").SizedSurfaceSpecificProps & {
    borderPosition?: "inside" | "outside";
    focus?: boolean;
    hover?: boolean;
    active?: boolean;
    ellipse?: boolean;
    before?: React.ReactNode;
    after?: React.ReactNode;
    badge?: React.ReactNode;
    badgeProps?: Object;
    children?: React.ReactNode;
    name?: string;
    chromeless?: boolean;
    circular?: boolean;
    elementProps?: Object;
    glintBottom?: boolean;
    glint?: boolean;
    glow?: boolean;
    glowProps?: Object;
    hovered?: boolean;
    icon?: React.ReactNode;
    iconAfter?: boolean;
    iconColor?: import("@o/color").ColorLike;
    iconProps?: Partial<import("..").IconProps>;
    iconSize?: number;
    showInnerElement?: "always" | "never";
    theme?: import("gloss").CompiledTheme<any>;
    tooltip?: React.ReactNode;
    tooltipProps?: import("..").PopoverProps;
    alpha?: number;
    alphaHover?: number;
    disabled?: boolean;
    type?: string;
    subTheme?: import("gloss").ThemeSelect;
    iconPadding?: number;
    ignoreSegment?: boolean;
    space?: import("..").Size;
    spaceAround?: import("..").Size;
    betweenIconElement?: React.ReactNode;
    segment?: "middle" | "single" | "first" | "last";
    elementTheme?: import("gloss").ThemeFn<any>;
} & {
    hoverStyle?: import("gloss").ThemeFn<any> | import("gloss").PseudoStyle;
    activeStyle?: import("gloss").ThemeFn<any> | import("gloss").PseudoStyle;
    focusStyle?: import("gloss").ThemeFn<any> | import("gloss").PseudoStyle;
    disabledStyle?: import("gloss").ThemeFn<any> | import("gloss").PseudoStyle;
    focusWithinStyle?: import("gloss").ThemeFn<any> | import("gloss").PseudoStyle;
    selectedStyle?: import("gloss").ThemeFn<any> | import("gloss").PseudoStyle;
}, keyof import("gloss/_/types").GlossBaseProps<Props>> & import("gloss/_/types").GlossBaseProps<Omit<import("../View/types").ViewPropsPlain, "size" | "activeStyle" | "focusStyle" | "disabledStyle" | "focusWithinStyle" | "selectedStyle"> & import("..").SizedSurfaceSpecificProps & {
    borderPosition?: "inside" | "outside";
    focus?: boolean;
    hover?: boolean;
    active?: boolean;
    ellipse?: boolean;
    before?: React.ReactNode;
    after?: React.ReactNode;
    badge?: React.ReactNode;
    badgeProps?: Object;
    children?: React.ReactNode;
    name?: string;
    chromeless?: boolean;
    circular?: boolean;
    elementProps?: Object;
    glintBottom?: boolean;
    glint?: boolean;
    glow?: boolean;
    glowProps?: Object;
    hovered?: boolean;
    icon?: React.ReactNode;
    iconAfter?: boolean;
    iconColor?: import("@o/color").ColorLike;
    iconProps?: Partial<import("..").IconProps>;
    iconSize?: number;
    showInnerElement?: "always" | "never";
    theme?: import("gloss").CompiledTheme<any>;
    tooltip?: React.ReactNode;
    tooltipProps?: import("..").PopoverProps;
    alpha?: number;
    alphaHover?: number;
    disabled?: boolean;
    type?: string;
    subTheme?: import("gloss").ThemeSelect;
    iconPadding?: number;
    ignoreSegment?: boolean;
    space?: import("..").Size;
    spaceAround?: import("..").Size;
    betweenIconElement?: React.ReactNode;
    segment?: "middle" | "single" | "first" | "last";
    elementTheme?: import("gloss").ThemeFn<any>;
} & {
    hoverStyle?: import("gloss").ThemeFn<any> | import("gloss").PseudoStyle;
    activeStyle?: import("gloss").ThemeFn<any> | import("gloss").PseudoStyle;
    focusStyle?: import("gloss").ThemeFn<any> | import("gloss").PseudoStyle;
    disabledStyle?: import("gloss").ThemeFn<any> | import("gloss").PseudoStyle;
    focusWithinStyle?: import("gloss").ThemeFn<any> | import("gloss").PseudoStyle;
    selectedStyle?: import("gloss").ThemeFn<any> | import("gloss").PseudoStyle;
}> & {
    [key: string]: any;
} & {
    onChangeActive?: (next: boolean) => any;
    defaultActive?: boolean;
} & {
    invisible?: boolean;
}>>;
//# sourceMappingURL=SearchInput.d.ts.map