2020-07-17 09:41:49 +00:00
|
|
|
// @flow
|
|
|
|
|
|
|
|
import React from 'react';
|
|
|
|
|
2022-11-08 10:24:32 +00:00
|
|
|
import { IconScreenshare } from '../../../base/icons';
|
2020-07-17 09:41:49 +00:00
|
|
|
import { BaseIndicator } from '../../../base/react';
|
|
|
|
|
|
|
|
|
|
|
|
type Props = {
|
|
|
|
|
|
|
|
/**
|
|
|
|
* From which side of the indicator the tooltip should appear from.
|
|
|
|
*/
|
|
|
|
tooltipPosition: string
|
|
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
|
|
* React {@code Component} for showing a screen-sharing icon with a tooltip.
|
|
|
|
*
|
|
|
|
* @param {Props} props - React props passed to this component.
|
|
|
|
* @returns {React$Element<any>}
|
|
|
|
*/
|
|
|
|
export default function ScreenShareIndicator(props: Props) {
|
|
|
|
return (
|
|
|
|
<BaseIndicator
|
2022-11-08 10:24:32 +00:00
|
|
|
icon = { IconScreenshare }
|
2020-07-17 09:41:49 +00:00
|
|
|
iconId = 'share-desktop'
|
2022-11-08 10:24:32 +00:00
|
|
|
iconSize = { 16 }
|
2022-01-12 13:32:30 +00:00
|
|
|
tooltipKey = 'videothumbnail.screenSharing'
|
2020-07-17 09:41:49 +00:00
|
|
|
tooltipPosition = { props.tooltipPosition } />
|
|
|
|
);
|
|
|
|
}
|