From 79058e55fa835a8684cfe11eb1fb4f18c27b8c58 Mon Sep 17 00:00:00 2001
From: Tugdual de Kerviler <dekervit@gmail.com>
Date: Mon, 3 Dec 2018 12:37:03 +0100
Subject: [PATCH] Stop using classname-to-style autotransform in react native

---
 packages/block-library/src/more/edit.native.js     | 10 +++++-----
 packages/block-library/src/nextpage/edit.native.js |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/block-library/src/more/edit.native.js b/packages/block-library/src/more/edit.native.js
index 5b85da44359d5..a56a217e39c90 100644
--- a/packages/block-library/src/more/edit.native.js
+++ b/packages/block-library/src/more/edit.native.js
@@ -21,11 +21,11 @@ export default function MoreEdit( props ) {
 	const value = customText !== undefined ? customText : defaultText;
 
 	return (
-		<View className={ styles[ 'block-library-more__container' ] }>
-			<View className={ styles[ 'block-library-more__sub-container' ] }>
-				<Text className={ styles[ 'block-library-more__left-marker' ] }>&lt;!--</Text>
+		<View style={ styles[ 'block-library-more__container' ] }>
+			<View style={ styles[ 'block-library-more__sub-container' ] }>
+				<Text style={ styles[ 'block-library-more__left-marker' ] }>&lt;!--</Text>
 				<PlainText
-					className={ styles[ 'block-library-more__plain-text' ] }
+					style={ styles[ 'block-library-more__plain-text' ] }
 					value={ value }
 					multiline={ true }
 					underlineColorAndroid="transparent"
@@ -35,7 +35,7 @@ export default function MoreEdit( props ) {
 					onFocus={ onFocus }
 					onBlur={ onBlur }
 				/>
-				<Text className={ styles[ 'block-library-more__right-marker' ] }>--&gt;</Text>
+				<Text style={ styles[ 'block-library-more__right-marker' ] }>--&gt;</Text>
 			</View>
 		</View> );
 }
diff --git a/packages/block-library/src/nextpage/edit.native.js b/packages/block-library/src/nextpage/edit.native.js
index 03cd3bfe3c7d1..413fda53fe217 100644
--- a/packages/block-library/src/nextpage/edit.native.js
+++ b/packages/block-library/src/nextpage/edit.native.js
@@ -18,7 +18,7 @@ export default function NextPageEdit( { attributes } ) {
 	const { customText = __( 'Page break' ) } = attributes;
 
 	return (
-		<View className={ styles[ 'block-library-nextpage__container' ] }>
+		<View style={ styles[ 'block-library-nextpage__container' ] }>
 			<Hr text={ customText }
 				textStyle={ styles[ 'block-library-nextpage__text' ] }
 				lineStyle={ styles[ 'block-library-nextpage__line' ] } />