// Metro module 11613 (f11614).
import { View } from "react-native";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import BoostGem from "./images/BoostGem";
const useStyles = createStyles({
  boostGemContainer: {
    width: 100,
    height: 100,
    borderRadius: Module712.radii.round,
    backgroundColor: Module712.colors.BACKGROUND_SECONDARY_ALT,
    alignItems: "center",
    justifyContent: "center",
    alignSelf: "center"
  }
});
export default function GuildPowerupsBoostGem(props) {
  const { style, gemWidth, gemHeight } = props;
  return <View style={[useStyles().boostGemContainer, style]}>
    <BoostGem width={gemWidth} height={gemHeight} />
  </View>;
};