gistfile1.txt

function EventTypeIcon(props) {
  var bgColor = props.color;
  var textColor = "#fff";
  if(props.inverted) {
    bgColor = "#fff";
    textColor = props.color;
  }

  return <Icon.Button
    {...props}
    name={props.icon}
    color={bgColor}
    iconStyle={[styles.EventTypeIcon, {backgroundColor: bgColor, color: textColor}]}
    backgroundColor={textColor}
    borderRadius={50}><Text style={styles.iconText}>{props.text}</Text></Icon.Button>;
}

const styles = EStyleSheet.create({
  '@media (max-width: 350)': {
  EventTypeIcon: {
    backgroundColor: "#fff",
    color: "#333",
    borderRadius: 15,
    padding: '0.5rem',
    fontSize: '0.75rem',
    width: '1.7rem',
    height: '1.7rem',
    textAlign: "center",
    overflow: 'hidden',
  },
  iconText: {
    fontSize: '0.75rem',
    color: textColor,
  }
},
})