import * as React from 'react';
import { Styles } from '../react-types';
import { type Props as PxPopoverProps } from './px-popover';
import { type Props as PxSelectPopoverButtonProps } from './px-select-popover-button';
interface OwnProps extends Omit<PxPopoverProps, 'renderer' | 'classes'> {
    buttonContent?: React.ReactNode;
}
/**
 * Definition of PopoverButton Props type.
 */
export type Props = React.PropsWithChildren<OwnProps> & Omit<PxSelectPopoverButtonProps, 'classes'> & StyleProps;
/**
 *
 * render a popover with button
 *
 * @public
 * @param {Props} props
 * @returns {JSX.Element}
 *
 * @example
 * Here's an example:
 *
 * ```ts
 * import { PopoverButton } from '@front.zen/mui'
 *
 * export function MyComponent() {
 *      return <PopoverButton buttonContent='click me'>
 *        <div>Hi</div>
 *      </PopoverButton>;
 * }
 * ```
 */
export declare function PopoverButton(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<"label" | "disabled" | "root" | "buttonRoot" | "buttonRootFullWidth" | "popper" | "rootFullWidth", string>;
    theme: import("@mui/material").Theme;
    css: import("tss-react").Css;
    cx: import("tss-react").Cx;
};
type StyleProps = Styles<typeof useStyles>;
export {};