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

const EuiFormControlLayoutClearButton = setComponentTemplate(precompileTemplate(`
    <button
      class={{classNames
        componentName="EuiFormControlLayoutClearButton"
        size=(argOrDefault @size "m")
      }}
      type="button"
      aria-label={{@label}}
      ...attributes
    >
      <EuiIcon
        @iconClasses="euiFormControlLayoutClearButton__icon"
        @type="cross"
      />
    </button>
  `, {
  strictMode: true,
  scope: () => ({
    classNames,
    argOrDefault,
    EuiIcon
  })
}), templateOnly("eui-form-control-layout-clear-button", "EuiFormControlLayoutClearButton"));

export { EuiFormControlLayoutClearButton as default };
//# sourceMappingURL=eui-form-control-layout-clear-button.js.map
