'use strict';

import React from 'react/addons';

import Accordion from '../src/Accordion';
import AccordionItem from '../src/AccordionItem';

class Demo extends React.Component {

  render() {
    return (
      <Accordion>
        <AccordionItem title="First item">
          <p>First item content</p>
        </AccordionItem>
        <AccordionItem title="Second item">
          <p>Second item content</p>
        </AccordionItem>
      </Accordion>
    );
  }

}

React.render(
  <Demo />,
  document.body
);

'use strict';

import React from 'react/addons';

import Accordion from '../src/Accordion';
import AccordionItem from '../src/AccordionItem';

class Demo extends React.Component {

  render() {
    return (
      <Accordion>
        {[1, 2, 3, 4, 5].map((item) => {
          return (
            <AccordionItem title={`Item ${ item }`} key={item}>
              <p>{`Item ${ item } content`}</p>
            </AccordionItem>
          );
        })}
      </Accordion>
    );
  }

}

React.render(
  <Demo />,
  document.body
);

Add more items to demo
Add more items to demo
