import templateOnly from '@ember/component/template-only';
import { setComponentTemplate } from '@ember/component';
import { precompileTemplate } from '@ember/template-compilation';
import classNames from '../helpers/class-names.js';

const EuiRangeSlider = setComponentTemplate(precompileTemplate(`
    <input
      type="range"
      id={{@id}}
      name={{@name}}
      class={{classNames
        "euiRangeSlider"
        (if @showTicks "euiRangeSlider--hasTicks")
        (if @hasFocus "euiRangeSlider--hasFocus")
        (if @showRange "euiRangeSlider--hasRange")
        (if @compressed "euiRangeSlider--compressed")
      }}
      min={{@min}}
      max={{@max}}
      step={{@step}}
      value={{@value}}
      disabled={{@disabled}}
      ...attributes
    />
  `, {
  strictMode: true,
  scope: () => ({
    classNames
  })
}), templateOnly("eui-range-slider", "EuiRangeSlider"));

export { EuiRangeSlider as default };
//# sourceMappingURL=eui-range-slider.js.map
