ReactJS Component Label for Medium

Label.jsx

import React from 'react'
import { View, Text, StyleSheet } from 'react-native'

const Label = ({ label }) => (
  <View style={styles.container}>
     <Text style={styles.label}>{label}</Text>
  </View>
)

const styles = StyleSheet.create({
  container: {
    borderRadius: 4,
    paddingHorizontal: 10,
    paddingVertical: 2,
    backgroundColor: "#EEE"
  },
  label: {
    color: "white",
    textAlign: "center",
    fontSize: 11
  }
})

export default Label