| 1 |
/** |
| 2 |
* External dependencies. |
| 3 |
*/ |
| 4 |
import ReactSlider from 'react-slider'; |
| 5 |
|
| 6 |
/** |
| 7 |
* WordPress dependencies. |
| 8 |
*/ |
| 9 |
import { WPElement } from '@wordpress/element'; |
| 10 |
|
| 11 |
/** |
| 12 |
* Range slider component. |
| 13 |
* |
| 14 |
* @param {object} props Props. |
| 15 |
* @returns {WPElement} Element. |
| 16 |
*/ |
| 17 |
export default ({ ...props }) => { |
| 18 |
return ( |
| 19 |
<ReactSlider |
| 20 |
className="ep-search-range-slider" |
| 21 |
minDistance={1} |
| 22 |
thumbActiveClassName="ep-search-range-slider__thumb--active" |
| 23 |
thumbClassName="ep-search-range-slider__thumb" |
| 24 |
trackClassName="ep-search-range-slider__track" |
| 25 |
{...props} |
| 26 |
/> |
| 27 |
); |
| 28 |
}; |
| 29 |
|
