// Metro module 10327 (f10328).
import { View } from "react-native";
import { UnreadSetting } from "../../../read_states/ReadStateConstants";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import { intl, t } from "../../../../intl/index.native";
import StaticChannelIndicator from "../../../channel_list_v2/native/components/StaticChannelIndicator";
import { TextIcon } from "../../../../design/components/Icon/native/redesign/generated/TextIcon";
import { Text } from "../../../../design/components/Text/native/Text";
import { Badge } from "../../../../design/void/native";
const useStyles = createStyles({
  card: {
    backgroundColor: Module712.colors.BACKGROUND_SURFACE_HIGH,
    overflow: "hidden",
    borderRadius: 10,
    paddingVertical: 8
  },
  channel: {
    display: "flex",
    flexDirection: "row",
    alignItems: "center",
    paddingVertical: 4,
    justifyContent: "space-between",
    paddingRight: 12
  },
  channelName: {
    display: "flex",
    flexDirection: "row",
    alignItems: "center"
  }
});
export default function NotificationSettingsMockChannels(props) {
  const styles = useStyles();
  const r20 = [{
    badged: true,
    unread: true,
    resolvedUnreadSetting: UnreadSetting.ALL_MESSAGES,
    name: intl.string(t.EjLobP)
  }, {
    badged: false,
    unread: true,
    resolvedUnreadSetting: UnreadSetting.ONLY_MENTIONS,
    name: intl.string(t.Wgpwpp)
  }, {
    badged: false,
    unread: false,
    resolvedUnreadSetting: UnreadSetting.ONLY_MENTIONS,
    name: intl.string(t.g9VImh)
  }];
  if (props.unreadSetting === UnreadSetting.ALL_MESSAGES) {
    r20[1].resolvedUnreadSetting = UnreadSetting.ALL_MESSAGES;
  }
  return <View style={styles.card}>
    {r20.map((item) => <View key={item.name} style={styles.channel}>
      <View style={styles.channelName}>
        <StaticChannelIndicator unread={item.unread} resolvedUnreadSetting={item.resolvedUnreadSetting} />
        <TextIcon style={{
          marginLeft: 12
        }} size="xs" color={item.resolvedUnreadSetting === UnreadSetting.ONLY_MENTIONS ? "text-muted" : void 0} />
        <Text style={{
          marginLeft: 4
        }} variant="text-sm/semibold" color={item.resolvedUnreadSetting === UnreadSetting.ONLY_MENTIONS ? "text-muted" : void 0}>{item.name}</Text>
      </View>
      <Badge value={item.badged ? 1 : 0} />
    </View>)}
  </View>;
};