collection_editor.js

// import './login.css';
import { Box, Button, TextField } from '@mui/material';
import React, { useState, useEffect } from 'react'

const CollectionEditor = (props) => {

 

    return (
        <Box>
            <h2>Collection Title</h2>
            <h3>Collection Text Input</h3>
            <TextField multiline maxRows={20} fullWidth label="Raw text:"/>
            
            <TextField disabled multiline maxRows={20} fullWidth label="Summary:" value="Summary Text Here"/>

            <Button>Generate Summary</Button>
        </Box>
    );
}

export default CollectionEditor;