import { FC, ReactNode, RefObject } from 'react'; import { Props as RndProps } from 'react-rnd'; export type ContainerSizePosition = { width: number; height: number; left: number; top: number; }; export interface DraggablePopoverProps { rndProps?: RndProps; className?: string; /** URL to image that is displayed in PIP player for audio files */ audioPlaceholder?: string; 'data-testid'?: string; pipDraggableAreaRef: RefObject; /** ClassName for pip container where PIP player layout belongs too */ pipPortalClassName?: string; /** Distance from window border right, on X axis in `pixels`, for PIP player position initialization */ xAxisDistance?: number; /** Distance from window border bottom, on Y axis in `pixels`, for PIP player position initialization */ yAxisDistance?: number; children: ReactNode; } /** * Popover/Portal component that is responsible for PIP logic and UI * @category React Component * @category UI Controls */ export declare const DraggablePopover: FC;