import templateOnly from '@ember/component/template-only';
import { setComponentTemplate } from '@ember/component';
import { precompileTemplate } from '@ember/template-compilation';
import { and, not, eq } from 'ember-truth-helpers';
import classNames from '../helpers/class-names.js';
import typeOf from '../helpers/type-of.js';

const EuiSelectableListItem = setComponentTemplate(precompileTemplate(`
    {{! TODO: not fully implemented }}
    <li
      role="option"
      aria-selected={{and (not @disabled) (eq (typeOf @checked) "string")}}
      class={{classNames
        componentName="EuiSelectableListItem"
        isFocused=@isFocused
      }}
      aria-disabled={{@disabled}}
      ...attributes
    >
      <span class="euiSelectableListItem__content">
        {{!-- {{optionIcon}} --}}
        {{!-- {{prependNode}} --}}
        <span class="euiSelectableListItem__text">
          {{yield}}
          {{!-- {{state}} --}}
          {{!-- {{children}} --}}
          {{!-- {{instruction}} --}}
        </span>
        {{!-- {{appendNode}} --}}
      </span>
    </li>
  `, {
  strictMode: true,
  scope: () => ({
    and,
    not,
    eq,
    typeOf,
    classNames
  })
}), templateOnly("eui-selectable-list-item", "EuiSelectableListItem"));

export { EuiSelectableListItem as default };
//# sourceMappingURL=eui-selectable-list-item.js.map
