UNPKG

@ozen-ui/kit

Version:

React component library

20 lines (19 loc) 1.38 kB
"use strict"; 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';