Project: styled-components
Task (challenging): 1) Create components/Modal.tsx that display a modal (.modal) appended to document.body. 2) Modal accepts title(JSX.Element) and content(JSX.Element) as its props 3) The overlay of Modal (.modal-overlay) has opacity 0.3 and backgroundColor #999999  4) The Modal should have a close button (.close-btn) 5) Add a Preview Button(.preview-btn) in BlogForm.tsx, when clicked, toggle a Modal with title ('Preview Blog Markdown') to shows the Markdown-Parsed Blog Content, Markdown style are same as the style of Blog Content in ReadBlogs.tsx 6) Constraint: DO NOT use any third-party packages; ONLY React and styled-components are allowed. use styled-components to set the appealing style&animation