Rev.pullInto(this) 'Emptyable', 'Panel'

Rev.registerExample 'Lists',

  nonEmptyList: ['There are children in this Emptyable.', 'The empty state will not be displayed.']

  emptyList: []

  render: ->
    <div>
      <h3>{"<Emptyable>"}</h3>
      <Emptyable componentClass="ul" emptyState={
        <p>This is the empty state. It will not be displayed.</p>
      }>
        {@nonEmptyList.map (x) -> <li>{x}</li>}
      </Emptyable>
      <Emptyable componentClass="ul" emptyState={
        <Panel>This is the empty state. It is displayed because the Emptyable has no children.</Panel>
      }>
        {@emptyList.map (x) -> <li>{x}</li>}
      </Emptyable>
    </div>