META-INF.resources.js.components.SliderWithLabel.es.js Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of com.liferay.segments.experiment.web

Liferay Segments Experiment Web

There is a newer version: 3.0.99

/**
 * SPDX-FileCopyrightText: (c) 2000 Liferay, Inc. https://liferay.com
 * SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
 */

import ClaySlider from '@clayui/slider';
import PropTypes from 'prop-types';
import React from 'react';

function SliderWithLabel({
	disabled,
	label,
	max = 99,
	min = 1,
	onValueChange,
	subTitle,
	value,
}) {
	return (
		
			
				{label}

				{subTitle && (
					
						{subTitle}
					
				)}
			

			
				

				
					{value + '%'}
				
			
		
	);
}

SliderWithLabel.propTypes = {
	label: PropTypes.string.isRequired,
	max: PropTypes.number,
	min: PropTypes.number,
	onValueChange: PropTypes.func.isRequired,
	subTitle: PropTypes.string,
	value: PropTypes.number.isRequired,
};

export {SliderWithLabel};