index.js

import React, { useState } from 'react';
import ReactMarkdown from 'react-markdown';

const MarkdownEditor = () => {
    const [markdown, setMarkdown] = useState('type markdown here');

    const data = [
        [
          { name: 'John', age: 25 },
          { name: 'Jane', age: 30 }
        ],
        [
          { name: 'Bob', age: 40 }
        ]
        
      ];    
    
      const names = data.flatMap(group => group.map(person => person.name));
        console.log(names);
        const ages = data.flatMap(group => group.map(person => person.age));
        console.log(ages);

    const handleMarkdownChange = (event) => {
        setMarkdown(event.target.value);
    };

    const reverseSentence = () => {
        const reversed = markdown.split(' ').reverse().join(' ');
        const capitalized = reversed.charAt(0).toUpperCase() + reversed.slice(1);
        setMarkdown(capitalized);
    };

    return (
        <div>
            <textarea value={markdown} onChange={handleMarkdownChange} />
            <ReactMarkdown>{markdown}</ReactMarkdown>
        </div>
    );
};

export default MarkdownEditor;