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

UI components for GeChiUI.

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

/**
 * GeChiUI dependencies
 */
import { withPreferredColorScheme } from '@gechiui/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 );