Main.jsx 7.1 KB

12345678910111213141516171819202122
  1. import React from "react";
  2. import {SearchEngine} from "./SearchEngines";
  3. import CategoryMenu from "./CategoryMenu";
  4. const searchEngines = [
  5. {title: 'Google',
  6. logo: 'data:image/png;base64,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',
  7. url: 'https://google.com'},
  8. {title: 'bing',
  9. logo: 'https://logos-world.net/wp-content/uploads/2021/02/Bing-Logo.png',
  10. url: 'https://bing.com'},
  11. {title: 'yahoo',
  12. logo: 'https://cdn-icons-png.flaticon.com/512/179/179345.png?w=360',
  13. url: 'https://yahoo.com'}
  14. ]
  15. export const Main = () =>
  16. <main>
  17. <ul>
  18. {searchEngines.map(engine => <SearchEngine engine={engine}/>)}
  19. </ul>
  20. </main>