Legal Accordion - React

function Example() {
  const [state, setState] = React.useState(null);

  const content = {
    data: {
      testId: 'testId',
      contentId: 'contentId'
    },
    heading: 'Here’s the legal bit',
    body: `
# Heading 1

Based on your chosen *Sky Glass package*, you need a **10 Mb/s minimum download speed**. So [click here](http://sky.com) to confirm your selection.

## Heading 2
### Heading 3
#### Heading 4

- first item
- second item
- second item
- second item

[title](http://sky.com)
    `
  }

  const handleOpen = () => {
    setState(`Legal accordion just opened`);
  }

  const handleClose = () => {
    setState(`Legal accordion just closed`);
  }

  return (
    <>
      <Legal {...content} onOpen={handleOpen} onClose={handleClose} />
      <Text>{state}</Text>
    </>
  );
}