@ozen-ui/kit
Version:
React component library
20 lines (19 loc) • 1.41 kB
JavaScript
import { __assign, __rest } from "tslib";
import './FormControlLabel.css';
import React from 'react';
import { cn } from '../../utils/classname';
import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
import { FORM_CONTROL_DEFAULT_AS, FORM_CONTROL_DEFAULT_LABEL_PLACEMENT, FORM_CONTROL_DEFAULT_SIZE, } from './constants';
export var cnFormControlLabel = cn('FormControlLabel');
export var FormControlLabel = polymorphicComponentWithRef(function (_a, ref) {
var _b = _a.size, size = _b === void 0 ? FORM_CONTROL_DEFAULT_SIZE : _b, _c = _a.as, Tag = _c === void 0 ? FORM_CONTROL_DEFAULT_AS : _c, _d = _a.labelPlacement, labelPlacement = _d === void 0 ? FORM_CONTROL_DEFAULT_LABEL_PLACEMENT : _d, children = _a.children, label = _a.label, align = _a.align, disabled = _a.disabled, className = _a.className, other = __rest(_a, ["size", "as", "labelPlacement", "children", "label", "align", "disabled", "className"]);
return (React.createElement(Tag, __assign({ className: cnFormControlLabel({
align: align,
labelPlacement: labelPlacement,
disabled: disabled,
size: size,
}, [className]), ref: ref }, other),
children,
label !== null && label !== undefined && (React.createElement("span", { className: cnFormControlLabel('Content') }, label))));
});
FormControlLabel.displayName = 'FormControlLabel';