import templateOnly from '@ember/component/template-only';
import { setComponentTemplate } from '@ember/component';
import { precompileTemplate } from '@ember/template-compilation';
import { concat } from '@ember/helper';
import style from 'ember-style-modifier/modifiers/style';
import argOrDefault from '../helpers/arg-or-default.js';
import classNames from '../helpers/class-names.js';
import euiPageRestrictWidth from '../helpers/eui-page-restrict-width.js';

const EuiPageContentBody = setComponentTemplate(precompileTemplate(`
    {{#let
      (euiPageRestrictWidth (argOrDefault @restrictWidth false) @style)
      as |styling|
    }}
      <div
        class={{classNames
          (concat "euiPage--" styling.widthClassName)
          componentName="EuiPageContentBody"
          paddingSize=@paddingSize
        }}
        {{style styling.newStyle}}
        ...attributes
      >
        {{yield}}
      </div>
    {{/let}}
  `, {
  strictMode: true,
  scope: () => ({
    euiPageRestrictWidth,
    argOrDefault,
    classNames,
    concat,
    style
  })
}), templateOnly("eui-page-content-body", "EuiPageContentBody"));

export { EuiPageContentBody as default };
//# sourceMappingURL=eui-page-content-body.js.map
