Files F100040216

SliderValueLabelUnstyled.js
No OneTemporary
Actions

Subscribers

None

File Metadata

Created: Mon, Jan 27, 20:38

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;

Event Timeline