@wordpress/components/src/toolbar/toolbar-group/toolbar-group-container.native.js

UI components for WordPress.

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

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

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

const ToolbarGroupContainer = ( { passedStyle, children } ) => {
	const groupStyles = [
		usePreferredColorSchemeStyle( styles.container, styles.containerDark ),
		{ borderLeftWidth: StyleSheet.hairlineWidth },
		passedStyle,
	];

	return <View style={ groupStyles }>{ children }</View>;
};

export default ToolbarGroupContainer;