import * as React from 'react'; import { Position, Size } from '../types'; export declare const PopoverContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute, HTMLDivElement>, { $size: Size; $position: Position; $showArrowPointer: boolean; }>> & string; export declare const PopoverTopSectionContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute, HTMLDivElement>, { $size: Size; }>> & string; export declare const PopoverMiddleSectionContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute, HTMLDivElement>, { $size: Size; }>> & string; export declare const PopoverBottomSectionContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute, HTMLDivElement>, { $size: Size; }>> & string; export declare const PopoverWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute, HTMLDivElement>, { $position: Position; $showOnClick: boolean; $showPopover: boolean; }>> & string; export interface PopoverTopSectionProps { /** * Required. The main text to be displayed in the top section of the popover. */ text: string; /** * Optional. A note to be displayed below the main text in the top section of the popover. */ note?: string; } export interface PopoverActionButtonProps { /** * Required. The icon to be displayed on the button. */ icon: React.ReactNode; /** * Required. The handler function to be called when the button is clicked. */ action: () => void; /** * Optional. The label for the button. If provided, the button will display this text. */ label?: string; } export interface PopoverBottomSectionProps { /** * Optional. An array of PopoverActionButtonProps objects. * Each object represents an icon button to be displayed in the bottom section of the popover. */ iconButtons?: PopoverActionButtonProps[]; /** * Optional. A PopoverActionButtonProps object representing a text button to be displayed in the bottom section of the popover. */ textButton?: PopoverActionButtonProps; } export interface PopoverProps { /** * Optional. The size of the popover. It can be 'Small', 'Medium', or 'Large'. * Defaults to 'Medium' if not specified. */ size?: Size.Small | Size.Medium | Size.Large; /** * Optional. Properties for the top section of the popover. */ topSectionProps?: PopoverTopSectionProps; /** * Optional. Properties for the bottom section of the popover. */ bottomSectionProps?: PopoverBottomSectionProps; /** * Required. The main content to be displayed in the popover. */ mainContent: React.ReactNode; /** * Required. The children to be rendered inside the popover. */ children: React.ReactNode; /** * Required. The position of the popover relative to the target element. * It can be 'Top', 'Bottom', 'Right', or 'Left'. */ position: Position.Top | Position.Bottom | Position.Right | Position.Left; /** * Required. A boolean indicating whether the popover should be shown when the target element is clicked. Defaults to 'false', meaning that popover will be shown on mouse hover. */ showOnClick: boolean; /** * Optional. A boolean indicating whether an arrow pointer should be shown on the popover. * Defaults to 'false' if not specified. */ showArrowPointer?: boolean; } declare const Popover: React.FunctionComponent; export default Popover;