// Metro module 11636 (f11637).
import { View } from "react-native";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import { WarningIcon } from "../../../../design/components/Icon/native/redesign/generated/WarningIcon";
import { Text } from "../../../../design/components/Text/native/Text";
const useStyles = createStyles({
  container: {
    flexDirection: "row",
    alignItems: "center",
    gap: Module712.space.PX_8,
    borderColor: Module712.colors.STATUS_WARNING_BACKGROUND,
    borderWidth: 1,
    borderRadius: Module712.radii.lg,
    padding: Module712.space.PX_12,
    backgroundColor: Module712.colors.BACKGROUND_FEEDBACK_WARNING
  },
  text: {
    flex: 1
  }
});
export default function GuildPowerupsDisabledWarning(props) {
  const text = props.text;
  const styles = useStyles();
  return <View style={styles.container}>
    <WarningIcon color={Module712.colors.TEXT_FEEDBACK_WARNING} size="md" />
    <Text style={styles.text} variant="text-md/semibold" color="text-feedback-warning">{text}</Text>
  </View>;
};