import { TextFieldProps } from '@mui/material';
import * as React from 'react';
import { Styles } from '../react-types';
import { type Props as PxPopoverProps } from './px-popover';
interface OwnProps extends Omit<PxPopoverProps, 'renderer' | 'classes'> {
}
/**
 * Definition of PopoverInput Props type.
 */
export type Props = React.PropsWithChildren<OwnProps> & TextFieldProps & StyleProps;
/**
 *
 * render a popover with input
 *
 * @public
 * @param {Props} props
 * @returns {JSX.Element}
 *
 * @example
 * Here's an example:
 *
 * ```ts
 * import { PopoverInput } from '@front.zen/mui'
 *
 * export function MyComponent() {
 *     return <PopoverInput />;
 * }
 * ```
 */
export declare function PopoverInput(props: Props): JSX.Element;
declare const useStyles: (params: void, styleOverrides?: {
    props: {
        classes?: Record<string, string> | undefined;
    } & Record<string, unknown>;
    ownerState?: Record<string, unknown> | undefined;
} | undefined) => {
    classes: Record<"root" | "popper" | "rootFullWidth" | "textFieldRoot" | "textFieldRootFullWidth", string>;
    theme: import("@mui/material").Theme;
    css: import("tss-react").Css;
    cx: import("tss-react").Cx;
};
type StyleProps = Styles<typeof useStyles>;
export {};