import templateOnly from '@ember/component/template-only';
import { setComponentTemplate } from '@ember/component';
import { precompileTemplate } from '@ember/template-compilation';
import { eq } from 'ember-truth-helpers';
import argOrDefault from '../helpers/arg-or-default.js';
import classNames from '../helpers/class-names.js';
import EuiPanel from './eui-panel.js';

const EuiPageContent = setComponentTemplate(precompileTemplate(`
    {{#let (argOrDefault @role "main") as |role|}}
      <EuiPanel
        role={{if (eq role null) undefined role}}
        class={{classNames
          (if (eq @borderRadius "none") "euiPageContent--borderRadiusNone")
          componentName="EuiPageContent"
          verticalPosition=@verticalPosition
          horizontalPosition=@horizontalPosition
        }}
        @hasShadow={{@hasShadow}}
        @hasBorder={{@hasBorder}}
        @paddingSize={{argOrDefault @paddingSize "l"}}
        @borderRadius={{@borderRadius}}
        @color={{@color}}
        @grow={{@grow}}
        ...attributes
      >
        {{yield}}
      </EuiPanel>
    {{/let}}
  `, {
  strictMode: true,
  scope: () => ({
    argOrDefault,
    EuiPanel,
    eq,
    classNames
  })
}), templateOnly("eui-page-content", "EuiPageContent"));

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