Insert Text In Document

Given a textarea and a document box, Insert the text in the document in such a way that it HIGHLIGHTS the text content which is most recently added to the document.

User stories

1. The <Document /> component should contain two major elements, textarea and a div acting as the document container.
2. On enter press, the text inside of the textarea should be added to the document.
3. When the text is added inside of the document, the recently added text should have a blue highlight, which should fade away after 2 seconds.
4. Textarea field should be cleared after the text is submitted / when enter is pressed.
5. Optimize your component for best performance.

Resources

1. Animations in CSS