import * as React from "react";
import { ThemeResult } from "../../../";
export declare const StyledShortLinkTextField: import("@emotion/styled").StyledComponent<any, {}, {
    ref?: React.Ref<any> | undefined;
}>;
export declare const StyledLabelDiv: import("@emotion/styled").StyledComponent<any, {}, {
    ref?: React.Ref<any> | undefined;
}>;
export declare const StyledLabelText: import("@emotion/styled").StyledComponent<any, {}, {
    ref?: React.Ref<any> | undefined;
}>;
export declare const StyledIcon: import("@emotion/styled").StyledComponent<any, {}, {
    ref?: React.Ref<any> | undefined;
}>;
export declare const ContainerDiv: import("@emotion/styled").StyledComponent<any, {}, {
    ref?: React.Ref<any> | undefined;
}>;
export declare const StyledMainDiv: import("@emotion/styled").StyledComponent<any, {}, {
    ref?: React.Ref<any> | undefined;
}>;
interface Props {
    isDisabled?: boolean;
    theme: ThemeResult;
    addonText: string;
    label?: string;
    onChange: (e: any) => void;
    id: string;
    value: string;
    placeholder: string;
    isRequired?: boolean;
    labelStyle?: React.CSSProperties;
}
declare const _default: React.FunctionComponent<import("../../Theme/withTheme").Omit<Props, "theme">>;
export default _default;