import type { JSX } from 'solid-js';
import type { DisclosureStateControlledOptions, DisclosureStateRenderProps, DisclosureStateUncontrolledOptions } from '../../states/create-disclosure-state';
import type { HeadlessProps, ValidConstructor } from '../../utils/dynamic-prop';
import type { Prettify } from '../../utils/types';
export type PopoverControlledBaseProps = Prettify<DisclosureStateRenderProps & DisclosureStateControlledOptions>;
export type PopoverControlledProps<T extends ValidConstructor = 'div'> = HeadlessProps<T, PopoverControlledBaseProps>;
export type PopoverUncontrolledBaseProps = Prettify<DisclosureStateRenderProps & DisclosureStateUncontrolledOptions>;
export type PopoverUncontrolledProps<T extends ValidConstructor = 'div'> = HeadlessProps<T, PopoverUncontrolledBaseProps>;
export type PopoverProps<T extends ValidConstructor = 'div'> = PopoverControlledProps<T> | PopoverUncontrolledProps<T>;
/**
 * A floating panel anchored to a button. Like a `Dialog` in that the panel can
 * trap `Tab`, but the page behind stays usable and the panel also closes when
 * focus leaves it.
 *
 * Renders a `<div>` by default.
 *
 * @see {@link https://github.com/lxsmnsyc/terracotta/blob/main/docs/components/popover.md}
 */
export declare function Popover<T extends ValidConstructor = 'div'>(props: PopoverProps<T>): JSX.Element;
//# sourceMappingURL=Popover.d.ts.map