import * as React from 'react';
import {
  Accordion,
  AccordionItem,
  AccordionHeader,
  AccordionBody,
} from './Accordion';
export default function BasicAccordionfunction() {


  return (

  <Accordion>
 <AccordionItem eventKey="0">
   <AccordionHeader eventKey="0">
     Accordion Item #1
   </AccordionHeader>
   <AccordionBody eventKey="0">
     Creating an exceptional user experience is at the
     core of our approach. We understand the significance
     of user-friendly interaction, and here's how we make
     it happen:
   </AccordionBody>
 </AccordionItem>
 <AccordionItem eventKey="1">
   <AccordionHeader eventKey="1">
     Accordion Item #2
   </AccordionHeader>
   <AccordionBody eventKey="1">
     Creating an exceptional user experience is at the
     core of our approach. We understand the significance
     of user-friendly interaction, and here's how we make
     it happen:
   </AccordionBody>
 </AccordionItem>
  </Accordion>

  );
}