@devopness/ui-react/dist/src/components/Primitives/Popover/Popover.d.ts

Devopness Design System React Components - Painless essential DevOps to everyone

import { ReactNode } from 'react';
import { PopoverProps as MaterialPopoverProps } from '@mui/material';
type PopoverProps = {
    /** Optional header title */
    title?: string;
    /** Optional footer content */
    footer?: ReactNode;
    /** Popover children */
    children?: ReactNode;
} & MaterialPopoverProps;
/**
 * Popover component
 *
 * Displays a panel anchored to another element.
 * Can optionally show a header title and footer content.
 * Supports closing via the built-in close button.
 *
 * @example
 * ```tsx
 * <Popover
 *   open={isOpen}
 *   anchorEl={anchorElement}
 *   onClose={() => setIsOpen(false)}
 *   title="Popover Title"
 *   footer={<div>Footer content</div>}
 * >
 *   <div>Main content of the popover</div>
 * </Popover>
 * ```
 */
declare const Popover: ({ title, footer, children, ...props }: PopoverProps) => import("react/jsx-runtime").JSX.Element;
export { Popover };
export type { PopoverProps };