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