import { TrackReferenceOrPlaceholder, ParticipantClickEvent } from '../../../packages/core/dist/index.d.ts';
import * as React from 'react';
/** @public */
export interface FocusLayoutContainerProps extends React.HTMLAttributes<HTMLDivElement> {
}
/**
 * The `FocusLayoutContainer` is a layout component that expects two children:
 * A small side component: In a video conference, this is usually a carousel of participants
 * who are not in focus. And a larger main component to display the focused participant.
 * For example, with the `FocusLayout` component.
 *  @public
 */
export declare function FocusLayoutContainer(props: FocusLayoutContainerProps): JSX.Element;
/** @public */
export interface FocusLayoutProps extends React.HTMLAttributes<HTMLElement> {
    /** The track to display in the focus layout. */
    trackRef?: TrackReferenceOrPlaceholder;
    onParticipantClick?: (evt: ParticipantClickEvent) => void;
}
/**
 * The `FocusLayout` component is just a light wrapper around the `ParticipantTile` to display a single participant.
 * @public
 */
export declare function FocusLayout({ trackRef, ...htmlProps }: FocusLayoutProps): JSX.Element;
export interface IPinchableBlockProps {
    minScale?: number;
    maxScale?: number;
    style?: React.CSSProperties;
    rotation?: number;
    [key: string]: any;
}
export interface PinchableBlockInstance {
    zoomIn: () => void;
    zoomOut: () => void;
    zoomReset: () => void;
    initSize: (size: any) => void;
}
export declare const PinchableBlock: React.ForwardRefExoticComponent<Pick<IPinchableBlockProps, keyof IPinchableBlockProps> & React.RefAttributes<PinchableBlockInstance>>;
//# sourceMappingURL=FocusLayout.d.ts.map