import * as React from 'react';
import { WithSheet } from 'react-jss';
export interface OwnProps {
    placeholder: string;
    value: string;
    onChange: (value: string) => any;
    autofocus?: boolean;
}
declare const styles: (theme: {
    colors: {
        gray: {
            light: string;
            middle: string;
            dark: string;
        };
        flatRed: {
            middle: string;
            dark: string;
        };
        black: string;
        error: string;
    };
    titles: {
        h1: {
            lineHeight: string;
            marginBottom: number;
            fontFamily: string;
            fontSize: import("csstype").FontSizeProperty<number>;
            fontWeight: import("csstype").FontWeightProperty;
        };
        h2: {
            lineHeight: string;
            fontFamily: string;
            fontSize: import("csstype").FontSizeProperty<number>;
            fontWeight: import("csstype").FontWeightProperty;
        };
        h3: {
            letterSpacing: number;
            lineHeight: string;
            fontFamily: string;
            fontSize: import("csstype").FontSizeProperty<number>;
            fontWeight: import("csstype").FontWeightProperty;
        };
    };
    icons: {
        color: {
            base: string;
        };
    };
    mixins: {
        ellipsis: (nbLines?: number) => {
            display: string;
            '-webkit-line-clamp': number;
            '-webkit-box-orient': string;
            overflow: string;
            textOverflow: string;
            wordBreak: string;
        };
        flexbox: {
            containerCenter: {
                display: string;
                justifyContent: string;
                alignItems: string;
            };
        };
        size: (size: import("csstype").FontSizeProperty<number>) => {
            width: import("csstype").FontSizeProperty<number>;
            height: import("csstype").FontSizeProperty<number>;
        };
        position: (position: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "-webkit-sticky" | "absolute" | "fixed" | "relative" | "static" | "sticky" | undefined, top?: string | number | undefined, left?: string | number | undefined, bottom?: string | number | undefined, right?: string | number | undefined) => {
            position: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "-webkit-sticky" | "absolute" | "fixed" | "relative" | "static" | "sticky" | undefined;
            top: string | number | undefined;
            left: string | number | undefined;
            bottom: string | number | undefined;
            right: string | number | undefined;
        };
    };
    dock: {
        size: number;
    };
    rightDock: {
        size: number;
    };
    $gutter: string;
    $borderRadius: string;
    $imPath: string;
    $red: string;
    $zindexUltime: number;
    $zIndexSupra: number;
    $zIndexUltra: number;
    $zIndexMega: number;
    $zIndexHuge: number;
    $zIndexLarge: number;
    $zIndexMedium: number;
    $zIndexSmall: number;
    $zIndexNull: number;
    $bodyBkg: string;
    $osbarHeight: string;
    $appSize: string;
    avatarMixin: (value: string, radius?: string) => {
        height: string;
        width: string;
        borderRadius: string;
        backgroundClip: string;
    };
    covererMixin: (bottom?: number, left?: number, right?: number, top?: number) => {
        bottom: number;
        left: number;
        position: string;
        right: number;
        top: number;
    };
    fontMixin: (size: import("csstype").FontSizeProperty<number>, weight?: import("csstype").FontWeightProperty) => {
        fontFamily: string;
        fontSize: import("csstype").FontSizeProperty<number>;
        fontWeight: import("csstype").FontWeightProperty;
    };
    elipsisMixin: (lineClamp?: number) => {
        display: string;
        '-webkit-line-clamp': number;
        '-webkit-box-orient': string;
        overflow: string;
        textOverflow: string;
    };
    mixinDarkenColor: (color: string, ratio?: number) => string;
}) => Record<"icon" | "container" | "input", import("react-jss/lib/injectSheet").CSSProperties<{}>>;
declare type Props = OwnProps & WithSheet<typeof styles>;
export declare const SearchInput: React.ComponentType<Pick<Props, "value" | "placeholder" | "onChange" | "autofocus"> & import("react-jss/lib/injectSheet").StyledComponentProps<"icon" | "container" | "input">>;
export {};
