@azure/communication-react
Version:
React library for building modern communication user experiences utilizing Azure Communication Services
35 lines • 1.36 kB
TypeScript
import { IStyle } from '@fluentui/react';
import React from 'react';
import { VerticalGalleryStyles } from './VerticalGallery';
/**
* Props for the Responsive wrapper of the VerticalGallery component
*
* @beta
*/
export interface ResponsiveVerticalGalleryProps {
/** Styles for the Children space container */
containerStyles: IStyle;
/** Styles for the VerticalGallery component */
verticalGalleryStyles: VerticalGalleryStyles;
/** Height of the gap in between the video tiles */
gapHeightRem: number;
/** Video tiles to be rendered in the Vertical Gallery */
children?: React.ReactNode;
/** Height of the control bar for navigating pages */
controlBarHeightRem?: number;
/** container is shorter than 480 px. */
isShort?: boolean;
/** Function to set which tiles to give video to in the children. */
onFetchTilesToRender?: (indexes: number[]) => void;
/** event to listen for children per page changes */
onChildrenPerPageChange?: (childrenPerPage: number) => void;
}
/**
* Responsive container for the VerticalGallery Component. Performs calculations for number of children
* for the VerticalGallery
* @param props
*
* @beta
*/
export declare const ResponsiveVerticalGallery: (props: ResponsiveVerticalGalleryProps) => JSX.Element;
//# sourceMappingURL=ResponsiveVerticalGallery.d.ts.map