// Metro module 11436 (f11437).
import { useCallback } from "react";
import { View } from "react-native";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
import { useNavigation } from "../../../_bundle/Module1481";
import { usePreviousAndNextResourceChannel } from "../getNextResourceChannel";
import { selectHomeResourceChannel } from "../GuildOnboardingHomeActionCreators";
import { Button } from "../../../design/components/Button/native/Button.native";
import { Icon } from "../../../design/void/native";
import Module10028 from "../../../_bundle/Module10028";
import Module6684 from "../../../_bundle/Module6684";
const useStyles = createStyles({
  wrapper: {
    display: "flex",
    flexDirection: "row",
    padding: 12,
    backgroundColor: Module712.colors.BACKGROUND_BASE_LOW
  },
  buttonWrapper: {
    flex: 1
  },
  spacer: {
    width: 8
  },
  iconColor: {
    color: Module712.colors.WHITE
  }
});
export default function ResourceChannelButtons(props) {
  let r40;
  let channel, navigation, c18835_2, c18835_3, callback;
  L11: {
    channel = props.channel;
    navigation = void 0;
    c18835_2 = void 0;
    c18835_3 = void 0;
    callback = void 0;
    navigation = useNavigation();
    const styles = useStyles();
    const [r33, r15] = usePreviousAndNextResourceChannel(channel.guild_id, channel.id);
    c18835_2 = r33;
    c18835_3 = r15;
    callback = useCallback((a0) => {
      navigation.goBack();
      selectHomeResourceChannel(channel.guild_id, a0);
    }, [channel.guild_id, navigation]);
    if (r33 == null) {
      const r3 = r15 == null;
      r40 = null;
      if (r3) {
        break L11;
      }
    }
    r40 = <View style={styles.wrapper}>
      {r33 != null && <View style={styles.buttonWrapper}>
        <Button variant="secondary" text={r33.title} icon={<Icon color={styles.iconColor.color} source={Module10028} />} onPress={() => callback(c18835_2.channelId)} grow />
      </View>}
      {r33 != null && r15 != null && <View style={styles.spacer} />}
      {r15 != null && <View style={styles.buttonWrapper}>
        <Button text={r15.title} icon={<Icon color={styles.iconColor.color} source={Module6684} />} iconPosition="end" onPress={() => callback(c18835_3.channelId)} grow />
      </View>}
    </View>;
  }
  return r40;
};