Diffusion Open Access Compliance Check Tool (OACCT) (paginated-inlines) Browse

rOACCT/node_modules/@mui/base/modern/SliderUnstyled/SliderValueLabelUnstyled.js
f646e1f695a7paginated-inlines

SliderValueLabelUnstyled.js
View Options

			import * as React from 'react';
			import PropTypes from 'prop-types';
			import clsx from 'clsx';
			import sliderUnstyledClasses from './sliderUnstyledClasses';
			import { jsx as _jsx } from "react/jsx-runtime";
			import { jsxs as _jsxs } from "react/jsx-runtime";
			const useValueLabelClasses = props => {
			const {
			open
			} = props;
			const utilityClasses = {
			offset: clsx(open && sliderUnstyledClasses.valueLabelOpen),
			circle: sliderUnstyledClasses.valueLabelCircle,
			label: sliderUnstyledClasses.valueLabelLabel
			};
			return utilityClasses;
			};

			/**
			* @ignore - internal component.
			*/
			export default function SliderValueLabelUnstyled(props) {
			const {
			children,
			className,
			value
			} = props;
			const classes = useValueLabelClasses(props);
			return /#__PURE__/React.cloneElement(children, {
			className: clsx(children.props.className)
			}, /#__PURE__/_jsxs(React.Fragment, {
			children: [children.props.children, /#__PURE__/_jsx("span", {
			className: clsx(classes.offset, className),
			"aria-hidden": true,
			children: /#__PURE__/_jsx("span", {
			className: classes.circle,
			children: /#__PURE__/_jsx("span", {
			className: classes.label,
			children: value
			})
			})
			})]
			}));
			}
			process.env.NODE_ENV !== "production" ? SliderValueLabelUnstyled.propTypes = {
			children: PropTypes.element.isRequired,
			className: PropTypes.string,
			theme: PropTypes.any,
			value: PropTypes.node
			} : void 0;