import templateOnly from '@ember/component/template-only';
import { setComponentTemplate } from '@ember/component';
import { precompileTemplate } from '@ember/template-compilation';
import EuiFormLabel from './eui-form-label.js';

const KeyComponent = setComponentTemplate(precompileTemplate(`<li>{{yield}}</li>`, {
  strictMode: true
}), templateOnly("eui-key-pad-menu", "KeyComponent"));
const EuiKeyPadMenu = setComponentTemplate(precompileTemplate(`
  {{#if @checkable.legend}}
    <fieldset
      class="euiKeyPadMenu"
      aria-label={{@checkable.ariaLegend}}
      ...attributes
    >
      <EuiFormLabel @type="legend">
        {{@checkable.legend}}
      </EuiFormLabel>
      {{yield}}
    </fieldset>
  {{else}}
    <ul class="euiKeyPadMenu" ...attributes>
      {{yield KeyComponent}}
    </ul>
  {{/if}}
`, {
  strictMode: true,
  scope: () => ({
    EuiFormLabel,
    KeyComponent
  })
}), templateOnly("eui-key-pad-menu", "EuiKeyPadMenu"));

export { EuiKeyPadMenu as default };
//# sourceMappingURL=eui-key-pad-menu.js.map
