import * as React from 'react';
import { BoxProps, SxProps } from '@mui/material';
export declare const textFieldContainerVariants: readonly ["default", "transparent"];
type TextFieldContainerVariant = (typeof textFieldContainerVariants)[number];
export type TextFieldContainerProps = React.PropsWithChildren<{
    /**
     * The variant of this component.
     */
    variant?: TextFieldContainerVariant;
    /**
     * Custom styles to override.
     */
    sx?: SxProps;
    /**
     * The color of "active" status. Used for border on focus and background on highlighted
     */
    activeColor?: string;
    /**
     * Whether the component is disabled or not
     */
    disabled?: boolean;
    /**
     * Whether the component is highlighted or not
     */
    highlighted?: boolean;
    /**
     * Whether the component is in focus state or not
     */
    isFocused?: boolean;
    /**
     * Whether the component is in error state or not
     */
    isError?: boolean;
    /**
     * Whether the component is multiline or not
     */
    multiline?: boolean;
    /**
     * Called on click on this component
     */
    onClick?: BoxProps['onClick'];
    /**
     * Called when mouse enters in text field.
     */
    onMouseEnter?: () => void;
    /**
     * Called when mouse leaves in text field.
     */
    onMouseLeave?: () => void;
    className?: string;
    /**
     * Settled directly in DOM element, for testing easy location purposes.
     */
    'data-testid'?: string;
}>;
/**
 * A TextFieldContainer is just a Box with the visual styles that uses the TextField component.
 * This TextFieldContainer could be used to style any component to looks like a TextField component.
 */
declare const TextFieldContainer: React.ForwardRefExoticComponent<{
    /**
     * The variant of this component.
     */
    variant?: TextFieldContainerVariant;
    /**
     * Custom styles to override.
     */
    sx?: SxProps;
    /**
     * The color of "active" status. Used for border on focus and background on highlighted
     */
    activeColor?: string;
    /**
     * Whether the component is disabled or not
     */
    disabled?: boolean;
    /**
     * Whether the component is highlighted or not
     */
    highlighted?: boolean;
    /**
     * Whether the component is in focus state or not
     */
    isFocused?: boolean;
    /**
     * Whether the component is in error state or not
     */
    isError?: boolean;
    /**
     * Whether the component is multiline or not
     */
    multiline?: boolean;
    /**
     * Called on click on this component
     */
    onClick?: BoxProps["onClick"];
    /**
     * Called when mouse enters in text field.
     */
    onMouseEnter?: () => void;
    /**
     * Called when mouse leaves in text field.
     */
    onMouseLeave?: () => void;
    className?: string;
    /**
     * Settled directly in DOM element, for testing easy location purposes.
     */
    'data-testid'?: string;
} & {
    children?: React.ReactNode | undefined;
} & React.RefAttributes<HTMLDivElement>>;
export default TextFieldContainer;
