@braineet/ui
Version:
Braineet design system
29 lines • 1.15 kB
JavaScript
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
/* eslint-disable react/prop-types */
import React from 'react';
import Text from '../../text';
import { Thumb as StyledThumb } from '../styles';
import { jsx as _jsx } from "react/jsx-runtime";
export var Thumb = function Thumb(_ref) {
var props = _ref.props,
value = _ref.value,
thumbRef = _ref.thumbRef,
min = _ref.min,
max = _ref.max,
restProps = _ref.restProps;
React.useImperativeHandle(thumbRef, function () {
return props.ref.current;
});
return /*#__PURE__*/_jsx(StyledThumb, _extends({}, props, {
style: _extends({}, props.style, {
left: value === min ? '12px' : value === max && '-12px'
})
}, restProps, {
children: /*#__PURE__*/_jsx(Text, {
fontFamily: "display",
size: "xxs",
children: value
})
}));
};
export default Thumb;