const baseClass = 'euiRangeHighlight';
function inlineStyles({
  lowerValue,
  upperValue,
  min,
  max,
  background
}) {
  const leftPosition = (lowerValue - min) / (max - min);
  const rangeWidth = (upperValue - lowerValue) / (max - min);
  return {
    background: background,
    'margin-left': `${leftPosition * 100}%`,
    width: `${rangeWidth * 100}%`
  };
}
const mapping = {
  base: baseClass,
  properties: {},
  inlineStyles
};

export { baseClass, mapping as default, inlineStyles };
//# sourceMappingURL=eui-range-highlight.js.map
