/// <reference types="react" />
export type StyledProps = {
    /**
     * The id of the textfield.
     * @defaultValue ""
     * @optional
     * @type string
     */
    id?: React.InputHTMLAttributes<HTMLDivElement>['id'];
    /**
     * If `true`, the `input` element is focused during the first mount.
     * @default false
     */
    autoFocus?: boolean;
    /**
 * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
 */
    type?: React.InputHTMLAttributes<unknown>['type'];
    /**
     * This is the placeholder attached to the textfield.
     * @defaultValue ""
     */
    placeholder?: string;
    /**
     * This is the title attached to the textfield.
     * @defaultValue ""
     */
    title?: string;
    /**
     * Sets where the title will be located outside of the Textfield.
     * @defaultValue "left"
     */
    titlePosition?: "left" | "right" | "top" | "bottom";
    /**
     * The value to display by default in the textfield.
     * @defaultValue undefined
     */
    defaultValue?: string;
    /**
 * If the value is true, The Textfield border is displayed in red.
 * @defaultValue false
 */
    error?: boolean | ((value: string | undefined) => boolean);
    /**
* If the value is true, The state of the textfield is disabled.
* @defaultValue false
*/
    disabled?: boolean;
    /**
     * The callback function that is fired when the textfield's value changes.
     * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
     * You can pull out the new value by accessing `event.target.value` (string).
     * @defaultValue undefined
     */
    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
    /**
     * The value of the textfield.
     * @defaultValue undefined
     */
    value?: string;
    /**
     * The width of the textfield.
     * @defaultValue "auto"
     * @optional
     * @type string
     * @example
     * width="auto"
     * width="100%"
     * width="10rem"
     * width="10vw"
     * width="10vh"
     * width="10ex"
     * width="10px"
     */
    width?: number | string;
    /**
     * The height of the textfield.
     */
    height?: string | number;
    /**
     * The alignment of the textfield.
     */
    inputAlign?: "left" | "center" | "right";
    /**
     * The multiline of the textfield.
     */
    multiline?: boolean;
    /**
     * The rows of the textfield.
     */
    rows?: number;
    /**
     * The max rows of the textfield.
     */
    maxRows?: number;
    /**
     * Apply if the type is number.
     * @defaultValue undefined
     */
    numberOptions?: {
        /**
         * The minimum value of the textfield.
         * @defaultValue undefined
         */
        min?: number;
        /**
         * The maximum value of the textfield.
         * @defaultValue undefined
         */
        max?: number;
        /**
         * The step value of the textfield.
         * @defaultValue undefined
         */
        step?: number;
        /**
         * Only accept when number is integer.
         */
        onlyInteger?: boolean;
        /**
         * The condition of the textfield.
         * @defaultValue undefined
         */
        condition?: {
            /**
             * apply when the value is less than the max value.
             * @defaultValue "lessEqual"
             */
            max?: "less" | "lessEqual";
            /**
             * apply when the value is greater than the min value.
             * @defaultValue "greaterEqual"
             */
            min?: "greater" | "greaterEqual";
        };
    };
};
declare const ThemedComponent: (props: StyledProps) => import("react/jsx-runtime").JSX.Element;
export default ThemedComponent;
//# sourceMappingURL=Styled.d.ts.map