@elastic/eui
Version:
Elastic UI Component Library
36 lines (35 loc) • 1.33 kB
JavaScript
/*
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
* or more contributor license agreements. Licensed under the Elastic License
* 2.0 and the Server Side Public License, v 1; you may not use this file except
* in compliance with, at your election, the Elastic License 2.0 or the Server
* Side Public License, v 1.
*/
import React from 'react';
import PropTypes from "prop-types";
import { useEuiTheme } from '../../../services';
import { euiRangeLabelStyles } from './range_label.styles';
import { jsx as ___EmotionJSX } from "@emotion/react";
export var EuiRangeLabel = function EuiRangeLabel(_ref) {
var children = _ref.children,
disabled = _ref.disabled,
_ref$side = _ref.side,
side = _ref$side === void 0 ? 'max' : _ref$side;
var euiTheme = useEuiTheme();
var styles = euiRangeLabelStyles(euiTheme);
var cssStyles = [styles.euiRangeLabel, styles[side], disabled && styles.isDisabled];
return ___EmotionJSX("label", {
className: "euiRangeLabel",
css: cssStyles
}, children);
};
EuiRangeLabel.propTypes = {
/**
* ReactNode to render as this component's content
*/
children: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.number.isRequired]).isRequired,
/**
* @default 'max'
*/
side: PropTypes.oneOf(["min", "max"])
};