import { InputProps, OutlinedTextFieldProps as MuiTextFieldProps } from '@mui/material'; import React, { CSSProperties } from 'react'; interface StyleProps extends Pick { readOnly?: boolean; } declare module '@mui/material/TextField' { interface TextFieldPropsSizeOverrides { large: true; } } export declare const StyledTextField: import("@emotion/styled").StyledComponent<{ variant?: import("@mui/material").TextFieldVariants | undefined; } & Omit & import("@mui/system").MUIStyledCommonProps & Omit & StyleProps, {}, {}>; /** Slot props type for passing ErkTextField props through MUI date picker slotProps.textField */ export interface ErkTextFieldSlotProps { size?: 'small' | 'medium'; error?: boolean; disabled?: boolean; readOnly?: boolean; helperText?: React.ReactNode; labelMargin?: number; fullWidth?: boolean; placeholder?: string; InputProps?: { readOnly?: boolean; }; } export interface ErkTextFieldProps extends Omit, StyleProps { /** The value of the textfield */ value?: string | number; onChange?: (value: string) => void; /** The icon to display */ IconComponent?: React.ElementType | React.ReactNode; /** The max length of the string */ maxLength?: number; /** Show red border on error */ errorBorder?: boolean; /** labelMargin */ labelMargin?: number; /** Props applied to the Input component (for passing min, max, etc.) */ inputProps?: Partial; } /** * Generic textfield with apps designs. Is class due to the use in the react-hook-forms library */ declare class ErkTextField extends React.Component { render(): JSX.Element; } export default ErkTextField;