@ozen-ui/kit

Version:
React component library
17 lines (16 loc) • 1.22 kB
JavaScript
import { __assign, __rest } from "tslib";
import React from 'react';
import { useThemeProps } from '../../../../hooks/useThemeProps';
import { cn, polymorphicComponentWithRef } from '../../../../utils';
import { IconButton } from '../../../IconButtonNext';
import { HEADER_ICON_BUTTON_DEFAULT_TAG, HEADER_ICON_BUTTON_DEFAULT_VARIANT, HEADER_ICON_BUTTON_DEFAULT_COLOR, } from './constants';
export var cnHeaderIconButton = cn('HeaderIconButton');
export var HeaderIconButton = polymorphicComponentWithRef(function (inProps, ref) {
    var props = useThemeProps({
        props: inProps,
        name: 'HeaderIconButton',
    });
    var _a = props.as, as = _a === void 0 ? HEADER_ICON_BUTTON_DEFAULT_TAG : _a, className = props.className, _b = props.variant, variant = _b === void 0 ? HEADER_ICON_BUTTON_DEFAULT_VARIANT : _b, _c = props.color, color = _c === void 0 ? HEADER_ICON_BUTTON_DEFAULT_COLOR : _c, other = __rest(props, ["as", "className", "variant", "color"]);
    return (React.createElement(IconButton, __assign({}, other, { as: as, size: "m", ref: ref, variant: variant, compressed: true, color: color, className: cnHeaderIconButton('', [className]) })));
});
HeaderIconButton.displayName = 'HeaderIconButton';