1 | "use strict";
|
2 |
|
3 | var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4 |
|
5 | exports.__esModule = true;
|
6 | exports["default"] = exports.FormLabel = exports.RequiredIndicator = void 0;
|
7 |
|
8 | var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
9 |
|
10 | var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
11 |
|
12 | var _core = require("@emotion/core");
|
13 |
|
14 | var _react = require("react");
|
15 |
|
16 | var _Box = _interopRequireDefault(require("../Box"));
|
17 |
|
18 | var _FormControl = require("../FormControl");
|
19 |
|
20 | var _ColorModeProvider = require("../ColorModeProvider");
|
21 |
|
22 |
|
23 | var RequiredIndicator = function RequiredIndicator(props) {
|
24 | var _useColorMode = (0, _ColorModeProvider.useColorMode)(),
|
25 | colorMode = _useColorMode.colorMode;
|
26 |
|
27 | var color = {
|
28 | light: "red.500",
|
29 | dark: "red.300"
|
30 | };
|
31 | return (0, _core.jsx)(_Box["default"], (0, _extends2["default"])({
|
32 | as: "span",
|
33 | ml: 1,
|
34 | color: color[colorMode],
|
35 | "aria-hidden": "true",
|
36 | children: "*"
|
37 | }, props));
|
38 | };
|
39 |
|
40 | exports.RequiredIndicator = RequiredIndicator;
|
41 | var FormLabel = (0, _react.forwardRef)(function (_ref, ref) {
|
42 | var children = _ref.children,
|
43 | props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["children"]);
|
44 | var formControl = (0, _FormControl.useFormControl)(props);
|
45 | return (0, _core.jsx)(_Box["default"], (0, _extends2["default"])({
|
46 | ref: ref,
|
47 | fontSize: "md",
|
48 | pr: "12px",
|
49 | pb: "4px",
|
50 | opacity: formControl.isDisabled ? "0.4" : "1",
|
51 | fontWeight: "medium",
|
52 | textAlign: "left",
|
53 | verticalAlign: "middle",
|
54 | display: "inline-block",
|
55 | as: "label"
|
56 | }, props), children, formControl.isRequired && (0, _core.jsx)(RequiredIndicator, null));
|
57 | });
|
58 | exports.FormLabel = FormLabel;
|
59 | FormLabel.displayName = "FormLabel";
|
60 | var _default = FormLabel;
|
61 | exports["default"] = _default; |
\ | No newline at end of file |