mirror of
https://github.com/woocommerce/woocommerce-paypal-payments.git
synced 2025-09-06 13:44:42 +08:00
26 lines
569 B
JavaScript
26 lines
569 B
JavaScript
/**
|
|
* Temporary component, until the experimental HStack block editor component is stable.
|
|
*
|
|
* @see https://wordpress.github.io/gutenberg/?path=/docs/components-experimental-hstack--docs
|
|
* @file
|
|
*/
|
|
import classNames from 'classnames';
|
|
|
|
const HStack = ( { className, spacing = 3, children } ) => {
|
|
const wrapperClass = classNames(
|
|
'components-flex components-h-stack',
|
|
className
|
|
);
|
|
|
|
const styles = {
|
|
gap: `calc(${ 4 * spacing }px)`,
|
|
};
|
|
|
|
return (
|
|
<div className={ wrapperClass } style={ styles }>
|
|
{ children }
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default HStack;
|
