import { Paper } from '@material-ui/core' ; import type { EditorProps } from '@react-page/editor' ; import Editor from '@react-page/editor' ; import React from 'react' ; import { Labeled , useInput } from 'react-admin' ; export type RaReactPageInputProps = { label ? : string ; source : string ; style ? : React . CSSProperties ; } & EditorProps ; const RaReactPageInput = ( { label = 'Content' , source , style , ... editorProps } ) => { const { input : { value , onChange } , } = useInput ( { source } ) ; return ( < Labeled label = { label } source = { source } fullWidth > < > < Paper elevation = { 5 } style = { { overflow : 'visible' , padding : 16 , marginRight : 64 , ... style , } } > < Editor value = { value } onChange = { onChange } { ... editorProps } /> < /Paper> < /> < /Labeled>); } ; export default RaReactPageInput ;