'use strict'

import React from 'react'
import {ApCatalog, ApCatalogItem, ApCatalogItemSummary, ApCatalogItemDetail, ApCatalogStyle} from 'apeman-react-catalog'

const ExampleComponent = React.createClass({
  render () {
    return (
      <div>
        <ApCatalogStyle/>
        <ApCatalog>
          <ApCatalogItem>
            <ApCatalogItemSummary>
              <h1>Summary of item 01</h1>
            </ApCatalogItemSummary>
            <ApCatalogItemDetail>
              <p>This is the detail of item 01</p>
            </ApCatalogItemDetail>
          </ApCatalogItem>
          <ApCatalogItem>
            <ApCatalogItemSummary>
              <h1>Summary of item 02</h1>
            </ApCatalogItemSummary>
            <ApCatalogItemDetail>
              <p>This is the detail of item 02</p>
            </ApCatalogItemDetail>
          </ApCatalogItem>
        </ApCatalog>
      </div>
    )
  }
})