54 lines
1.7 KiB
TypeScript
54 lines
1.7 KiB
TypeScript
// Metro module 10541 (f10542).
|
|
import { Image as Image2, View } from "react-native";
|
|
import { NOOP } from "../../../../Constants";
|
|
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
|
|
import Module712 from "../../../../_bundle/Module712";
|
|
import useParticipantTileTapGesture from "../useParticipantTileTapGesture";
|
|
import { GestureDetector } from "../../../../_bundle/Module5273";
|
|
import { LiveTag } from "../../../../design/void/native";
|
|
import Module10543 from "../../../../_bundle/Module10543";
|
|
import { Text } from "../../../../design/components/Text/native/Text";
|
|
import { intl, t } from "../../../../intl/index.native";
|
|
const useStyles = createStyles({
|
|
container: {
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
backgroundColor: Module712.colors.BLACK,
|
|
overflow: "hidden",
|
|
flex: 1
|
|
},
|
|
image: {
|
|
marginBottom: 8,
|
|
width: 60,
|
|
height: 40
|
|
},
|
|
label: {
|
|
lineHeight: 18,
|
|
textAlign: "center"
|
|
},
|
|
liveContainer: {
|
|
position: "absolute",
|
|
top: 8,
|
|
right: 8,
|
|
zIndex: 2
|
|
}
|
|
});
|
|
export default function ScreenShareTile(props) {
|
|
const { onSingleTap = NOOP, onDoubleTap = NOOP } = props;
|
|
const styles = useStyles();
|
|
return <GestureDetector gesture={useParticipantTileTapGesture({
|
|
onSingleTapStart: onSingleTap,
|
|
onDoubleTapStart: onDoubleTap
|
|
})}>
|
|
<View style={styles.container}>
|
|
<View style={styles.liveContainer}>
|
|
<LiveTag />
|
|
</View>
|
|
<Image2 source={Module10543} style={styles.image} resizeMode="contain" />
|
|
<Text style={styles.label} variant="text-xs/bold" color="text-overlay-light">
|
|
{intl.string(t.G84gtR)}
|
|
</Text>
|
|
</View>
|
|
</GestureDetector>;
|
|
};
|