using omit from loadsh to exclude className from props when passing d…

…own to Svg component

packages/components/src/primitives/svg/index.native.js

@@ -1,3 +1,7 @@
+/**
+ * External dependencies
+ */
+import { omit } from 'lodash';
 import {
 	Path,
 	G,
@@ -12,18 +16,14 @@ export {
 export const SVG = ( props ) => {
 	if ( props.width !== undefined && props.height !== undefined ) {
 		return (
-			<Svg width={ props.width } height={ props.height } >
-				{ props.children }
-			</Svg>
+			<Svg { ...omit( props, [ 'className' ]) } />
 		);
 	}
 
 	// take viewport system to match the viewBox definition
-	// i.e. viewBox="0 0 24 24"
+	// i.e. viewBox="0 0 24 24" as <Svg> needs width and height to be explicitely set
 	const viewBoxCoords = props.viewBox.split( ' ' );
 	return (
-		<Svg width={ viewBoxCoords[ 2 ] } height={ viewBoxCoords[ 3 ] } >
-			{ props.children }
-		</Svg>
+		<Svg { ...omit( {...props, width: viewBoxCoords[ 2 ], height: viewBoxCoords[ 3 ] }, [ 'className' ]) } />
 	);
 };