@ozen-ui/kit
Version:
React component library
20 lines (19 loc) • 1.38 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.HeaderButton = exports.cnHeaderButton = void 0;
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var useThemeProps_1 = require("../../../../hooks/useThemeProps");
var utils_1 = require("../../../../utils");
var ButtonNext_1 = require("../../../ButtonNext");
var constants_1 = require("./constants");
exports.cnHeaderButton = (0, utils_1.cn)('HeaderButton');
exports.HeaderButton = (0, utils_1.polymorphicComponentWithRef)(function (inProps, ref) {
var props = (0, useThemeProps_1.useThemeProps)({
props: inProps,
name: 'HeaderButton',
});
var _a = props.as, as = _a === void 0 ? constants_1.HEADER_BUTTON_DEFAULT_TAG : _a, className = props.className, children = props.children, _b = props.variant, variant = _b === void 0 ? constants_1.HEADER_BUTTON_DEFAULT_VARIANT : _b, _c = props.color, color = _c === void 0 ? constants_1.HEADER_BUTTON_DEFAULT_COLOR : _c, other = tslib_1.__rest(props, ["as", "className", "children", "variant", "color"]);
return (react_1.default.createElement(ButtonNext_1.Button, tslib_1.__assign({}, other, { as: as, size: "s", ref: ref, variant: variant, color: color, className: (0, exports.cnHeaderButton)('', [className]) }), children));
});
exports.HeaderButton.displayName = 'HeaderButton';