/// import { Props } from './popover'; export declare const PopoverContainer: import("styled-components").StyledComponent<"div", { color: { primary: string; secondary: string; warningYellow: string; background: string; backgroundVariant: string; grid: string; primaryContrast: string; gray: string; grayAccent: string; }; font: { color: string; family: string; size: number; }; interactive: { normal: string; hovered: string; }; }, { children?: import("react").ReactNode; placement?: "left" | "right" | "bottom" | "top" | undefined; alignment?: "center" | "end" | "start" | undefined; position: { x: number; y: number; }; maxHeight?: number | undefined; } & import("react").HTMLAttributes, never>; export declare const PopoverBody: import("styled-components").StyledComponent<"div", { color: { primary: string; secondary: string; warningYellow: string; background: string; backgroundVariant: string; grid: string; primaryContrast: string; gray: string; grayAccent: string; }; font: { color: string; family: string; size: number; }; interactive: { normal: string; hovered: string; }; }, Pick, never>; type ArrowProps = Pick; export declare const Arrow: import("styled-components").StyledComponent<"div", { color: { primary: string; secondary: string; warningYellow: string; background: string; backgroundVariant: string; grid: string; primaryContrast: string; gray: string; grayAccent: string; }; font: { color: string; family: string; size: number; }; interactive: { normal: string; hovered: string; }; }, ArrowProps, never>; export {};