import { HintProps } from '../atoms/Hint';
import { InputFeedbackProps } from '../forms/InputFeedback';
export interface InputWrapperBaseProps {
    /**
     * Optional input label
     */
    label?: string;
    /**
     * Optional hint to be rendered below
     */
    hint?: {
        icon?: HintProps["icon"];
        text: HintProps["children"];
    };
    /**
     * Optional hint to be rendered below
     */
    feedback?: Omit<InputFeedbackProps, "className">;
    /**
     * Show label and input on the same line
     * @default false
     */
    inline?: boolean;
}
export interface InputWrapperProps extends InputWrapperBaseProps {
    /**
     * Optional CSS class names used for the input element
     */
    className?: string;
    name?: string;
    children: React.ReactNode;
    fieldset?: boolean;
}
export declare const InputWrapper: import('../atoms/SkeletonTemplate').SkeletonTemplateComponent<{
    className?: string | undefined;
    name?: string | undefined;
    children: React.ReactNode;
    fieldset?: boolean | undefined;
    label?: string
    /**
     * Optional hint to be rendered below
     */
     | undefined;
    hint?: {
        icon?: HintProps["icon"];
        text: HintProps["children"];
    }
    /**
     * Optional hint to be rendered below
     */
     | undefined;
    feedback?: Omit<InputFeedbackProps, "className">
    /**
     * Show label and input on the same line
     * @default false
     */
     | undefined;
    inline?: boolean | undefined;
    delayMs?: number | undefined;
    isLoading?: boolean | undefined;
}>;
export declare function getFeedbackStyle(feedback?: Omit<InputFeedbackProps, "className">): Record<string, boolean>;
export declare function getFeedbackCssInJs(variant?: InputFeedbackProps["variant"]): Pick<CSSStyleDeclaration, "boxShadow"> & {
    "&:focus-within": {
        boxShadow: string;
    };
};