@wordpress/components/src/mobile/badge/index.native.js

UI components for WordPress.

/**
 * External dependencies
 */
import { View, Text } from 'react-native';

/**
 * WordPress dependencies
 */
import { withPreferredColorScheme } from '@wordpress/compose';

/**
 * Internal dependencies
 */
import styles from './style.scss';

const Badge = ( { label, children, show = true } ) => {
	return (
		<>
			{ children }
			<View style={ styles.badgeContainer }>
				{ show && <Text style={ styles.badge }>{ label }</Text> }
			</View>
		</>
	);
};

export default withPreferredColorScheme( Badge );