import * as React from "react";
import type { Property } from "csstype";
import { InputSize, InputVariant } from "./types";
export type InputProps = (React.ComponentPropsWithoutRef<"input"> | React.ComponentPropsWithoutRef<"textarea">) & {
    /**
     * 入力タイプ
     */
    type?: string;
    /**
     * エラー状態
     * @default false
     */
    error?: boolean;
    /**
     * マルチライン入力（テキストエリア）
     * @default false
     */
    multiline?: boolean;
    /**
     * テキストエリアのリサイズ設定
     * @default "both"
     */
    resize?: Property.Resize;
    /**
     * コンポーネントのサイズ
     * @default "medium"
     */
    size?: InputSize;
    /**
     * コンポーネントのバリアント
     * @default "light"
     */
    variant?: InputVariant;
    /**
     * 幅を親要素に合わせる
     * @default false
     */
    fullWidth?: boolean;
    /**
     * エラーメッセージ（アクセシビリティ用）
     */
    errorMessage?: string;
    /**
     * 幅を明示的に指定
     */
    width?: string | number;
    /**
     * 前方アイコン（左側）
     */
    prepend?: React.ReactNode;
    /**
     * 後方アイコン（右側）
     */
    append?: React.ReactNode;
    /**
     * 前方アイコンクリック時のハンドラ（指定時のみクリック可能）
     */
    onPrependClick?: () => void;
    /**
     * 後方アイコンクリック時のハンドラ（指定時のみクリック可能）
     */
    onAppendClick?: () => void;
};
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
export default Input;