import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
import { useDebouncedCallback } from 'use-debounce';
import React from 'react';
import { InputGroup } from '@chakra-ui/react';
import InputGroup$1 from './InputGroup.js';

function RangeFilterInput(_a) {
    var from = _a.from, to = _a.to, handleChange = _a.handleChange, unit = _a.unit, onBlur = _a.onBlur, rest = __rest(_a, ["from", "to", "handleChange", "unit", "onBlur"]);
    var handleChangeDebounced = useDebouncedCallback(handleChange, 1000);
    return (React.createElement(InputGroup, { display: "flex" },
        React.createElement(InputGroup$1, __assign({ inputProps: from, variant: "inputLeft", handleChange: handleChangeDebounced, onBlur: onBlur, unit: unit }, rest)),
        React.createElement(InputGroup$1, __assign({ inputProps: to, variant: "inputRight", handleChange: handleChangeDebounced, onBlur: onBlur, unit: unit }, rest))));
}

export { RangeFilterInput as default };
//# sourceMappingURL=index.js.map
