@kiwicom/orbit-components/lib/FormLabel/index.js

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com's products.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _clsx = _interopRequireDefault(require("clsx"));
var _AlertCircle = _interopRequireDefault(require("../icons/AlertCircle"));
var _InformationCircle = _interopRequireDefault(require("../icons/InformationCircle"));
const FormLabel = ({
  className,
  children,
  required,
  dataTest,
  id,
  error,
  help,
  onMouseEnter,
  onMouseLeave,
  iconRef,
  inlineLabel,
  labelRef
}) => /*#__PURE__*/React.createElement("span", {
  className: (0, _clsx.default)(className, "orbit-form-label", "font-base text-normal mb-100 ms-100 de:ms-0 inline-flex font-medium leading-normal", inlineLabel ? "text-form-element-label-filled-foreground" : "text-form-element-label-foreground"),
  "data-test": dataTest,
  id: id,
  ref: labelRef,
  onMouseEnter: onMouseEnter,
  onMouseLeave: onMouseLeave
}, !inlineLabel && (error || help) && /*#__PURE__*/React.createElement("span", {
  className: "me-100 inline-flex items-center",
  ref: iconRef
}, error && /*#__PURE__*/React.createElement(_AlertCircle.default, {
  ariaHidden: true,
  color: "critical",
  size: "small",
  dataTest: "ErrorIcon"
}), !error && help && /*#__PURE__*/React.createElement(_InformationCircle.default, {
  ariaHidden: true,
  color: "info",
  size: "small",
  dataTest: "HelpIcon"
})), required && /*#__PURE__*/React.createElement("span", {
  className: "text-normal text-critical-foreground align-top font-bold",
  "aria-hidden": "true"
}, "*"), /*#__PURE__*/React.createElement("span", null, children));
var _default = exports.default = FormLabel;