Build an Accordion component

import React from 'react';
import Accordion from './src/Accordion';

const items = [
  { id: 'a', title: 'What is an accordion?', content: 'A vertically stacked set of headers that each reveal a section of content.' },
  { id: 'b', title: 'When should I use one?', content: 'To condense long content into scannable, collapsible sections.' },
  { id: 'c', title: 'Single or multiple open?', content: 'Toggle the allowMultiple prop to permit more than one open panel.' },
];

export default function App() {
  return (
    <div style={{ fontFamily: 'sans-serif', padding: 20 }}>
      <h1>Accordion Demo</h1>
      <Accordion items={items} allowMultiple={false} />
    </div>
  );
}