@ozen-ui/kit

Version:
React component library
27 lines (26 loc) • 1.84 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.SelectIconButton = exports.cnSelectIconButton = 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 classNames_1 = require("../../classNames");
var SelectContext_1 = require("../../SelectContext");
var constants_1 = require("./constants");
exports.cnSelectIconButton = (0, utils_1.cn)('SelectIconButton');
exports.SelectIconButton = (0, utils_1.polymorphicComponentWithRef)(function (inProps, ref) {
    var props = (0, useThemeProps_1.useThemeProps)({
        props: inProps,
        name: 'SelectIconButton',
    });
    var icon = props.icon, onClick = props.onClick, className = props.className, _a = props.as, as = _a === void 0 ? constants_1.SELECT_ICON_BUTTON_DEFAULT_TAG : _a, _b = props.tabIndex, tabIndex = _b === void 0 ? constants_1.SELECT_ICON_BUTTON_DEFAULT_TAB_INDEX : _b, other = tslib_1.__rest(props, ["icon", "onClick", "className", "as", "tabIndex"]);
    var size = (0, SelectContext_1.useSelectContext)().size;
    return (react_1.default.createElement(IconButtonNext_1.IconButton, tslib_1.__assign({}, other, { ref: ref, as: as, tabIndex: tabIndex, size: size, variant: "function", icon: icon, color: "tertiary", onClick: function (event) {
            event.preventDefault();
            event.stopPropagation();
            onClick === null || onClick === void 0 ? void 0 : onClick(event);
        }, compressed: true, className: (0, exports.cnSelectIconButton)('', [(0, classNames_1.cnSelect)('Suffix'), className]) })));
});
exports.SelectIconButton.displayName = constants_1.SELECT_ICON_BUTTON_DISPLAY_NAME;