/// <reference types="react" />
export type StyledProps = {
    /**
     * The id of the FloatingBox.
     * @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" | "label" | "right";
    /**
     * 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;
    /**
* 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 width of the textfield. (WrappedWidth title + TextField)
     */
    wrappedWidth?: number | string;
    /**
     * The height of the textfield.
     */
    height?: string | number;
    /**
     * The spacing title and textfield.
     */
    spacing?: number;
    /**
     * The alignment of the textfield.
     */
    textAlign?: "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;
};
declare const ThemedComponent: (props: StyledProps) => import("react/jsx-runtime").JSX.Element;
export default ThemedComponent;
//# sourceMappingURL=Styled.d.ts.map