///
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 {};