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';
import inlineStyles from '../helpers/inline-styles.js';

const EuiPage = setComponentTemplate(precompileTemplate(`
  {{#let
    (argOrDefault @restrictWidth false)
    (argOrDefault @paddingSize "m")
    (argOrDefault @grow true)
    (argOrDefault @direction "row")
    as |restrictWidth paddingSize grow direction|
  }}
    {{#let (euiPageRestrictWidth restrictWidth @style) as |styling|}}
      <div
        class={{classNames
          (if grow "euiPage--grow")
          (concat "euiPage--" styling.widthClassName)
          componentName="EuiPage"
          paddingSize=paddingSize
          direction=direction
        }}
        ...attributes
        {{style
          (if styling.newStyle (inlineStyles styling.newStyle))
          (inlineStyles min-height="460px;")
        }}
      >
        {{yield}}
      </div>
    {{/let}}
  {{/let}}
`, {
  strictMode: true,
  scope: () => ({
    argOrDefault,
    euiPageRestrictWidth,
    classNames,
    concat,
    style,
    inlineStyles
  })
}), templateOnly("eui-page", "EuiPage"));

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