// Metro module 10857 (f10858).
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import { LegacyText } from "../../../../design/void/native";
import getParticipantTitle from "../../getParticipantTitle";
const useStyles = createStyles({
  usernameText: {
    fontSize: 14,
    color: Module712.colors.WHITE
  }
});
export default function ParticipantTitle(props) {
  const { channel, participant, style } = props;
  return <LegacyText style={[useStyles().usernameText, style]} numberOfLines={1}>
    {getParticipantTitle(channel, participant)}
  </LegacyText>;
};