// Metro module 11659 (f11660).
import { View } from "react-native";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module689 from "../../../../_bundle/Module689";
import Module712 from "../../../../_bundle/Module712";
import { Card } from "../../../../design/components/Card/native/Card.native";
const useStyles = createStyles({
  cardActive: {
    borderColor: Module689(Module712.unsafe_rawColors.GREEN_360).alpha(0.35).hex()
  },
  cardExpiring: {
    borderColor: Module689(Module712.unsafe_rawColors.YELLOW_300).alpha(0.35).hex()
  },
  cardRemoving: {
    borderColor: Module689(Module712.unsafe_rawColors.YELLOW_300).alpha(0.35).hex()
  }
});
export default function GuildPowerupsCard(props) {
  const { children, containerStyle, status, style, ...props2 } = props;
  const styles = useStyles();
  return <View style={containerStyle}>
    <Card border="faint" radius={16} shadow="none" {...props2} style={[status?.type === "active" && styles.cardActive, status?.type === "expiring" && styles.cardExpiring, status?.type === "removing" && styles.cardRemoving, style]}>{children}</Card>
  </View>;
};