// 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>;
};