import { type ComponentPropsWithRef, type ReactNode } from 'react';
type AbstractProps = {
    /** input 要素の `type` 値 */
    type?: HTMLInputElement['type'];
    /** フォームにエラーがあるかどうか */
    error?: boolean;
    /** コンポーネントの幅 */
    width?: number | string;
    /** オートフォーカスを行うかどうか */
    autoFocus?: boolean;
    /** コンポーネント内の先頭に表示する内容 */
    prefix?: ReactNode;
    /** コンポーネント内の末尾に表示する内容 */
    suffix?: ReactNode;
    /** 背景色。readOnly を下地の上に載せる場合に使う */
    bgColor?: keyof typeof backgroundColor;
    /**
     * @deprecated placeholder属性は非推奨です。別途ヒント用要素を設置するか、それらの領域を確保出来ない場合はTooltipコンポーネントの利用を検討してください。
     */
    placeholder?: string;
};
type Props = AbstractProps & Omit<ComponentPropsWithRef<'input'>, keyof AbstractProps | 'onWheel'>;
export declare const backgroundColor: {
    readonly BACKGROUND: "background";
    readonly COLUMN: "column";
    readonly BASE_GREY: "base-grey";
    readonly OVER_BACKGROUND: "over-background";
    readonly HEAD: "head";
    readonly BORDER: "border";
    readonly ACTION_BACKGROUND: "action-background";
};
export declare const Input: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
export {};