/// <reference types="@emotion/styled/macro" />
import React from 'react';
import { Theme } from '../../../../constants';
export declare const Container: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
    isCompactMode: boolean;
    isCompactModeSearchOpen: boolean;
    isMenuOpen: boolean;
    isClosing: boolean;
    hasValue: boolean;
    takeFullWidth: boolean;
    zIndex: number;
    noTransition: boolean;
    theme: Theme;
}, object>;
export declare const SearchBoxBar: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
    theme: Theme;
}, object>;
interface Props {
    isCompactMode: boolean;
    isMenuOpen: boolean;
    hasValue: boolean;
    onCancel: () => void;
    onSearchOpenClicked?: () => void;
    zIndex: number;
    takeFullWidth: boolean;
}
export declare const SearchBoxContainer: React.FC<Props>;
export {};