From df5908d42eb8c1c985aee63c226f918d4ad217ed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Thu, 18 Mar 2021 09:38:10 +0100
Subject: [PATCH] add classname support for react components

---
 packages/react/src/NodeViewContent.tsx | 4 +++-
 packages/react/src/NodeViewWrapper.tsx | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/NodeViewContent.tsx b/packages/react/src/NodeViewContent.tsx
index fbc64d8a..6d2a429a 100644
--- a/packages/react/src/NodeViewContent.tsx
+++ b/packages/react/src/NodeViewContent.tsx
@@ -2,7 +2,8 @@ import React from 'react'
 import { useReactNodeView } from './useReactNodeView'
 
 export interface NodeViewContentProps {
-  as: React.ElementType
+  className?: string,
+  as: React.ElementType,
 }
 
 export const NodeViewContent: React.FC<NodeViewContentProps> = props => {
@@ -11,6 +12,7 @@ export const NodeViewContent: React.FC<NodeViewContentProps> = props => {
 
   return (
     <Tag
+      className={props.className}
       data-node-view-content=""
       contentEditable={isEditable}
       style={{ whiteSpace: 'pre-wrap' }}
diff --git a/packages/react/src/NodeViewWrapper.tsx b/packages/react/src/NodeViewWrapper.tsx
index 6e159123..9e47a982 100644
--- a/packages/react/src/NodeViewWrapper.tsx
+++ b/packages/react/src/NodeViewWrapper.tsx
@@ -2,7 +2,8 @@ import React from 'react'
 import { useReactNodeView } from './useReactNodeView'
 
 export interface NodeViewWrapperProps {
-  as: React.ElementType
+  className?: string,
+  as: React.ElementType,
 }
 
 export const NodeViewWrapper: React.FC<NodeViewWrapperProps> = props => {
@@ -11,6 +12,7 @@ export const NodeViewWrapper: React.FC<NodeViewWrapperProps> = props => {
 
   return (
     <Tag
+      className={props.className}
       data-node-view-wrapper=""
       onDragStart={onDragStart}
       style={{ whiteSpace: 'normal' }}