import { type StyledProps } from "./Styled";
type StyledPropsExtension = {
    /**
     * The title of the textfield.
     * @defaultValue undefined
     * @optional
     * @type string
     */
    title?: string;
    /**
     * The position of the title.
     * @defaultValue "left"
     * @optional
     * @type string
     */
    titlePosition?: "left" | "right" | "top" | "bottom";
    /**
     * Set title as Single Line.
     * @defaultValue false
     * @optional
     */
    singleLineTitle?: boolean;
    /**
     * The gap between title and textfield.
     */
    gap?: number;
    /**
     * The scale of width of title. (all 12, title + input (textfield) = 12)
     */
    titleXs?: number;
    /**
     * The scale of width of textfield. (all 12, title + input (textfield) = 12)
     */
    inputXs?: number;
};
/**
 * moaui Styled TextField
 *
 * @param {StyledProps} props - defaultValue, title, titlePosition, error, disabled, placeholder, onChange, value, width, height, multiline, rows, maxRows, numberOptions
 * @example
 * <TextFieldV2
 * 	id=""
 * 	autoFocus={false || true}
 * 	type={'text' || 'number' || 'password'}
 * 	placeholder={'Placeholder'}
 * 	title={'Title'}
 * 	titlePosition={'left' || 'right' || 'top' || 'bottom'}
 * 	defaultValue={'Default Value'}
 * 	error={false || true}
 * 	disabled={false || true}
 * 	onChange={(event) => {}}
 * 	value={''}
 * 	width={'150px'}
 * 	height={'30px'}
 * 	textAlign={'left' || 'center' || 'right'}
 * 	multiline={false || true}
 * 	rows={1}
 * 	maxRows={1}
 * 	numberOptions={{
 * 		min: 0,
 * 		max: 100,
 * 		step: 1,
 * 		onlyInteger: {true || false},
 * 		condition: {{
 * 				min: 0,
 * 				max: 100,
 * 		}}
 * 	}}
 *
 * @returns {React.ReactElement} moaTextField
 */
declare const TextFieldV2: (props: StyledProps & StyledPropsExtension) => import("react/jsx-runtime").JSX.Element;
declare const SampleProps: {
    id: string;
    autoFocus: boolean;
    type: string;
    placeholder: string;
    title: string;
    titlePosition: string;
    error: boolean;
    disabled: boolean;
    onChange: () => void;
    width: string;
    titleXs: number;
    inputXs: number;
    height: string;
    textAlign: string;
    multiline: boolean;
    rows: number;
    maxRows: number;
    gap: number;
    inputAlign: string;
    singleLineTitle: boolean;
};
export default TextFieldV2;
export { type StyledProps as TextFieldV2Props, SampleProps as TextFieldV2Sample, };
//# sourceMappingURL=index.d.ts.map