bootstrap-rn 0.3.1 → 0.3.3

package/src/components/badge/Badge.js

@@ -1,52 +1,52 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import StyleSheet from '../../style/StyleSheet';
-import css from '../../style/css';
-import View from '../View';
-import Text from '../Text';
-import { getStyles } from '../../utils';
-
-const propTypes = {
-  children: PropTypes.node.isRequired,
-  // eslint-disable-next-line react/forbid-prop-types
-  style: PropTypes.any,
-  // eslint-disable-next-line react/forbid-prop-types
-  textStyle: PropTypes.any,
-};
-
-const styles = StyleSheet.create({
-  '.badge': css`
-    // display: inline-block;
-    padding: $badge-padding-y $badge-padding-x;
-    border-radius: $badge-border-radius;
-    // @include gradient-bg();
-  `,
-  '.badge --text': css`
-    font-size: $badge-font-size;
-    font-weight: $badge-font-weight;
-    line-height: $badge-font-size * 1;
-    color: $badge-color;
-    text-align: center;
-    // white-space: nowrap;
-    // vertical-align: baseline;
-  `,
-});
-
-const Badge = React.forwardRef((props, ref) => {
-  const { children, style, textStyle, ...elementProps } = props;
-
-  const classes = getStyles(styles, ['.badge']);
-  const textClasses = getStyles(styles, ['.badge --text']);
-
-  // composite component
-  return (
-    <View {...elementProps} ref={ref} style={[classes, style]}>
-      <Text style={[textClasses, textStyle]}>{children}</Text>
-    </View>
-  );
-});
-
-Badge.displayName = 'Badge';
-Badge.propTypes = propTypes;
-
-export default Badge;
+import React from 'react';
+import PropTypes from 'prop-types';
+import StyleSheet from '../../style/StyleSheet';
+import css from '../../style/css';
+import View from '../View';
+import Text from '../Text';
+import { getStyles } from '../../utils';
+
+const propTypes = {
+  children: PropTypes.node.isRequired,
+  // eslint-disable-next-line react/forbid-prop-types
+  style: PropTypes.any,
+  // eslint-disable-next-line react/forbid-prop-types
+  textStyle: PropTypes.any,
+};
+
+const styles = StyleSheet.create({
+  '.badge': css`
+    // display: inline-block;
+    padding: $badge-padding-y $badge-padding-x;
+    border-radius: $badge-border-radius;
+    // @include gradient-bg();
+  `,
+  '.badge --text': css`
+    font-size: $badge-font-size;
+    font-weight: $badge-font-weight;
+    line-height: $badge-font-size * 1;
+    color: $badge-color;
+    text-align: center;
+    // white-space: nowrap;
+    vertical-align: middle; // baseline;
+  `,
+});
+
+const Badge = React.forwardRef((props, ref) => {
+  const { children, style, textStyle, ...elementProps } = props;
+
+  const classes = getStyles(styles, ['.badge']);
+  const textClasses = getStyles(styles, ['.badge --text']);
+
+  // composite component
+  return (
+    <View {...elementProps} ref={ref} style={[classes, style]}>
+      <Text style={[textClasses, textStyle]}>{children}</Text>
+    </View>
+  );
+});
+
+Badge.displayName = 'Badge';
+Badge.propTypes = propTypes;
+
+export default Badge;