\r\n {/*
\r\n );\r\n};\r\n\r\nexport default QuoteGenerator;\r\n","import { useEffect, useState } from \"react\";\r\nimport \"./App.css\";\r\nimport QuoteGenerator from \"./Components/QuoteGenerator\";\r\n\r\nfunction App() {\r\n const [backgroundColor, setbackgroundColor] = useState();\r\n\r\n // const backgroundColors = ['#FF5733', '#33FF57', '#3366FF', '#FF33FF', '#FFFF33','#FFD700', '#FFE4B5', '#FFFFE0', '#FAFAD2', '#FFEFD5'];\r\n\r\n useEffect(() => {\r\n generateColour();\r\n }, []);\r\n\r\n const generateColour = () => {\r\n // let newColor = backgroundColors[Math.floor(Math.random() * backgroundColors.length)]\r\n // setbackgroundColor(newColor)\r\n // console.log(backgroundColor)\r\n // return backgroundColor\r\n\r\n const letters = \"0123456789ABCDEF\";\r\n let color = \"#\";\r\n for (let i = 0; i < 6; i++) {\r\n color += letters[Math.floor(Math.random() * 16)];\r\n }\r\n setbackgroundColor(color);\r\n\r\n return backgroundColor;\r\n };\r\n\r\n return (\r\n Hello there
*/}\r\n\r\n {quote ? (\r\n \r\n Searching perfect quote for you!\r\n
\r\n )}\r\n
\r\n {quote}
\r\n ) : (\r\n\r\n Searching perfect quote for you!\r\n
\r\n wait for it...\r\n
\r\n )}\r\n \r\n {quote ? (\r\n \r\n
\r\n ) : (\r\n
\r\n \r\n \r\n 
\r\n \r\n ~{author}\r\n
\r\n ) : (\r\n Made by Shrey :)
\r\n )}\r\n\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default App;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom/client';\r\nimport './index.css';\r\nimport App from './App';\r\n\r\nconst root = ReactDOM.createRoot(document.getElementById('root'));\r\nroot.render(\r\n //