
"use client";
import { UniversalPopoverProps } from "../../../types/dist/index.js";
import * as _$react_jsx_runtime0 from "react/jsx-runtime";

//#region src/components/client/Popover/Popover.d.ts
type PopoverProps = UniversalPopoverProps;
/**
 * **⚙️️ A Popover component that anchors to a trigger element
 *
 * @componentType Client component
 *
 * @description
 * Popover is a floating surface used to display contextual content anchored to a trigger. It is typically used for lightweight interactions such as quick settings, inline actions, previews, and simple selection.
 *
 * Popover is a container component, the shell is consistent, but the content inside can vary widely depending on product needs.*
 * @see
 * Check out the {@link https://uds.build/docs/components/popover Popover Docs} for more info
 *
 * @example
 * ```tsx
 * 'use client';
 * import { Popover, PopoverTrigger, PopoverContent, Button } from "@yahoo/uds";
 *
 * <Popover>
 *   <PopoverTrigger>
 *     <Button>Popover Trigger</Button>
 *   </PopoverTrigger>
 *   <PopoverContent>basic popover content</PopoverContent>
 * </Popover>
 *```
 *
 * @related [Toast](https://uds.build/docs/components/toast), [Tooltip](https://uds.build/docs/components/tooltip)
 **/
declare function Popover({
  children,
  placement,
  open,
  defaultOpen,
  portal,
  hideArrow,
  hideDismissButton,
  onClose,
  onOpen,
  reduceMotion: forceReduceMotion,
  disableAutoFocus,
  disableVerticalSpacing,
  disableHorizontalSpacing,
  sameWidth,
  gutter
}: PopoverProps): _$react_jsx_runtime0.JSX.Element;
declare namespace Popover {
  var displayName: string;
}
//#endregion
export { Popover };