DZuz14

const puppeteer = require('puppeteer');
const fs = require('fs')

async function main() {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  
  await page.goto('https://some-website.com');
  
  // Return an array of all the link text and assign it to sideBarLinks

DZuz14

<meta name="description" content="" />

<meta name="twitter:title" content="" />
<meta name="twitter:description" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@your_twitter_handle" />

<meta property="og:title" content="" />

DZuz14

return (
  <Accordion>
    <div>
      <Accordion.Collapsed>
        …content here
      </Accordion.Collapsed>
      <Accordion.Expanded>
        …content here
      </Accordion.Expanded>
    </div>

DZuz14

import React from 'react'

const Collapsed = ({ children }) => (
 <div style={styles}>
   {children}
 </div>
)

const styles = {
 color: '#007bff', // blue

DZuz14

import React from 'react'

const Expanded = ({ children }) => {
 return <div style={styles}>{children}</div>
}

const styles = {
 padding: '15px'
}

DZuz14

<Accordion>
   <Accordion.Item>
     <Accordion.Collapsed>
       …content here
     </Accordion.Collapsed>
     <Accordion.Expanded>
       …content here
     </Accordion.Expanded>
   </Accordion.Item>
 

DZuz14

return (
 <Accordion>
  <Accordion.Collapsed>
    …content here
  </Accordion.Collapsed>
  <Accordion.Expanded>
    …content here
  </Accordion.Expanded>
 </Accordion>
)

DZuz14

import React from 'react'

const Accordion = ({ children }) => {
  return <div>{children}</div>
}

Accordion.Item = ({ children }) => children

export default Accordion

DZuz14

<Accordion>
 <Accordion.Item>
   …content here
 </Accordion.Item>
</Accordion>

DZuz14

import React from 'react'

const Accordion = ({ children }) => {
  return <div>{children}</div>
}

export default Accordion