/** @jsx dom */
import dom from 'magic-virtual-element';

export function render({props}) {
	const {bottom, center, children, gutter, middle, right} = props;
	const classes = {
		Grid: true,
		'Grid--withGutter': Boolean(gutter),
		'Grid--alignCenter': Boolean(center),
		'Grid--alignRight': Boolean(right),
		'Grid--alignMiddle': Boolean(middle),
		'Grid--alignBottom': Boolean(bottom)
	};

	return (
		<div class={[classes, props.class]}>
			{children}
		</div>
	);
}

@@ -118,16 +118,34 @@
 hildren,
+ equalHeight, fit,
  gutter,
@@ -397,16 +397,90 @@
 (bottom)
+,%0A%09%09'Grid--equalHeight': Boolean(equalHeight),%0A%09%09'Grid--fit': Boolean(fit)
 %0A%09%7D;%0A%0A%09r

Add `Grid--equalHeight` and `Grid--fit`