30 lines
1.1 KiB
TypeScript
30 lines
1.1 KiB
TypeScript
// 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>;
|
|
};
|