import { default as React } from 'react';
import { FormVariant, ElementSize } from '../FieldWrapper';
export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'size'> {
    name: string;
    label?: string;
    variant?: FormVariant;
    size?: ElementSize;
    value?: string;
    onChangeValue?: (val: string) => void;
    required?: boolean;
    placeholder?: string;
    type?: string;
    icon?: React.ReactNode;
    iconPosition?: 'start' | 'end';
    error?: string;
    /** * @type|class
     * @schema [{
     * "key": "Radius",
     * "prefix": "rounded",
     * "type": "select",
     * "options": [
     * {"key": "none", "label": "None"},
     * {"key": "sm", "label": "Small"},
     * {"key": "md", "label": "Medium"},
     * {"key": "full", "label": "Full"}
     * ]
     * },{
     * "key": "Shadow",
     * "prefix": "shadow",
     * "type": "select",
     * "options": [
     * {"key": "none", "label": "None"},
     * {"key": "sm", "label": "Small"},
     * {"key": "md", "label": "Medium"}
     * ]
     * },{
     * "key": "Background",
     * "prefix": "bg",
     * "type": "select",
     * "options": [
     * {"key": "transparent", "label": "Transparent"},
     * {"key": "white dark:bg-gray-900", "label": "Solid"},
     * {"key": "gray-50 dark:bg-gray-800", "label": "Subtle"}
     * ]
     * }]
     */
    className?: string;
}
export default function Input({ name, label, variant, size, required, value, onChangeValue, className, type, placeholder, icon, iconPosition, error, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;