"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const styleh_components_1 = require("styleh-components");

const Text_1 = require("../../atoms/Text");

const rangeSliderSteps = styleh_components_1.styled.css`content:'';position:absolute;height:2px;top:0;bottom:0;margin:auto;background:#cbcbcb;z-index:3;`;
const MaxValue = styleh_components_1.styled.withComponent(Text_1.Label).attrs({
  'data-qa': 'qa-maximum-price'
})`text-transform:capitalize;`;
exports.MaxValue = MaxValue;
const MinValue = styleh_components_1.styled.withComponent(Text_1.Label).attrs({
  'data-qa': 'qa-minimum-price'
})`text-transform:capitalize;`;
exports.MinValue = MinValue;
const FlexSpacing = styleh_components_1.styled.div`display:flex;justify-content:space-between;order:1;`;
exports.FlexSpacing = FlexSpacing;
const StyledInput = styleh_components_1.styled.input`position:absolute;border:none;border-radius:14px;left:0;top:0;bottom:0;width:100%;outline:none;height:2px;margin:auto;padding:0;`;
exports.StyledInput = StyledInput;
const StyledDataListBullets = styleh_components_1.styled.span`color:#cbcbcb;width:0.1875rem;height:0.1875rem;background:#cbcbcb;border-radius:50%;`;
exports.StyledDataListBullets = StyledDataListBullets;
const StyledDataList = styleh_components_1.styled.div`display:flex;width:100%;justify-content:space-between;padding:0 0.375rem;margin:0.75rem 0;`;
exports.StyledDataList = StyledDataList;
const SliderWrapper = styleh_components_1.styled.div`order:0;`;
exports.SliderWrapper = SliderWrapper;
const InputWrapper = styleh_components_1.styled.div.attrs({
  'data-qa': 'qa-price-slider'
})`&:before{${rangeSliderSteps};width:${props => props.state.minWidth}%;left:0;}&:after{${rangeSliderSteps};width:${props => props.state.maxWidth}%;right:0;}position:relative;height:1.25rem;input[type='range'],input[type='range']::-webkit-slider-runnable-track,input[type='range']::-webkit-slider-thumb{-webkit-appearance:none;background:none;cursor:pointer;}input[type='range']::-webkit-slider-runnable-track{width:100%;height:0.125rem;background:${props => props.color};}input[type='range']:nth-child(2)::-webkit-slider-runnable-track{background:none;}input[type='range']::-webkit-slider-thumb{position:relative;height:14px;width:14px;margin-top:-6px;background:${props => props.color};border:0;border-radius:25px;z-index:4;}input[type='range']:nth-child(1)::-webkit-slider-thumb{z-index:4;}`;
exports.InputWrapper = InputWrapper;
const StyledMinValueInput = styleh_components_1.styled.withComponent(StyledInput)``;
exports.StyledMinValueInput = StyledMinValueInput;
const StyledMaxValueInput = styleh_components_1.styled.withComponent(StyledInput)``;
exports.StyledMaxValueInput = StyledMaxValueInput;
const Wrapper = styleh_components_1.styled.section.attrs({
  dataQa: 'qa-price-slider-container'
})`width:100%;position:relative;display:flex;flex-direction:column;flex-wrap:wrap;`;
exports.Wrapper = Wrapper; //# sourceMappingURL=styled.js.map