@ozen-ui/kit

Version:
React component library
20 lines (19 loc) • 1.42 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.HeaderIconButton = exports.cnHeaderIconButton = 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 IconButtonNext_1 = require("../../../IconButtonNext");
var constants_1 = require("./constants");
exports.cnHeaderIconButton = (0, utils_1.cn)('HeaderIconButton');
exports.HeaderIconButton = (0, utils_1.polymorphicComponentWithRef)(function (inProps, ref) {
    var props = (0, useThemeProps_1.useThemeProps)({
        props: inProps,
        name: 'HeaderIconButton',
    });
    var _a = props.as, as = _a === void 0 ? constants_1.HEADER_ICON_BUTTON_DEFAULT_TAG : _a, className = props.className, _b = props.variant, variant = _b === void 0 ? constants_1.HEADER_ICON_BUTTON_DEFAULT_VARIANT : _b, _c = props.color, color = _c === void 0 ? constants_1.HEADER_ICON_BUTTON_DEFAULT_COLOR : _c, other = tslib_1.__rest(props, ["as", "className", "variant", "color"]);
    return (react_1.default.createElement(IconButtonNext_1.IconButton, tslib_1.__assign({}, other, { as: as, size: "m", ref: ref, variant: variant, compressed: true, color: color, className: (0, exports.cnHeaderIconButton)('', [className]) })));
});
exports.HeaderIconButton.displayName = 'HeaderIconButton';