import Component from '@ember/component'
import { observer, computed } from '@ember/object'

import HasChildren from 'leaf-semantic-core/mixins/leaf-has-children'
import layout from 'leaf-semantic-core/templates/components/leaf-content'

Content = Component.extend(HasChildren,
  layout: layout

  tagName: 'section'

  bordered: false

  'selected-idx': null

  'delay-render': true

  actions:
    select: (idx) ->
      @set('selected-idx', idx)

    close: ->
      return

  #
  # The selected tab instance.
  #
  # @property selectedTab
  # @type Tab
  # @private
  # @see Tab
  #
  #
  selected: computed('selected-idx', 'children.[]', ->
    @get('children').findBy('idx', @get('selected-idx'))
  )
)

export default Content