import templateOnly from '@ember/component/template-only';
import { setComponentTemplate } from '@ember/component';
import { precompileTemplate } from '@ember/template-compilation';
import { hash } from '@ember/helper';
import style from 'ember-style-modifier/modifiers/style';
import { and, notEq, eq } from 'ember-truth-helpers';
import argOrDefault from '../helpers/arg-or-default.js';
import classNames from '../helpers/class-names.js';
import inlineStyles from '../helpers/inline-styles.js';

const EuiListGroup = setComponentTemplate(precompileTemplate(`
  {{#let
    (if
      (and @maxWidth (notEq @maxWidth true))
      (inlineStyles
        componentName="EuiListGroup" componentArgs=(hash maxWidth=@maxWidth)
      )
      (hash)
    )
    as |inlineStyles|
  }}
    <ul
      class={{classNames
        (if (eq @maxWidth true) "euiListGroup-maxWidthDefault")
        (if @bordered "euiListGroup-bordered")
        (if @flush "euiListGroup-flush")
        componentName="EuiListGroup"
        gutterSize=(argOrDefault @gutterSize "s")
      }}
      ...attributes
      {{style inlineStyles}}
    >
      {{yield}}
    </ul>
  {{/let}}
`, {
  strictMode: true,
  scope: () => ({
    and,
    notEq,
    inlineStyles,
    hash,
    classNames,
    eq,
    argOrDefault,
    style
  })
}), templateOnly("eui-list-group", "EuiListGroup"));

export { EuiListGroup as default };
//# sourceMappingURL=eui-list-group.js.map
