@ozen-ui/kit

Version:
React component library
17 lines (16 loc) • 1.18 kB
JavaScript
import { __assign, __rest } from "tslib";
import React from 'react';
import { useThemeProps } from '../../../../hooks/useThemeProps';
import { cn, polymorphicComponentWithRef } from '../../../../utils';
import { Button } from '../../../ButtonNext';
import { HEADER_BUTTON_DEFAULT_COLOR, HEADER_BUTTON_DEFAULT_TAG, HEADER_BUTTON_DEFAULT_VARIANT, } from './constants';
export var cnHeaderButton = cn('HeaderButton');
export var HeaderButton = polymorphicComponentWithRef(function (inProps, ref) {
    var props = useThemeProps({
        props: inProps,
        name: 'HeaderButton',
    });
    var _a = props.as, as = _a === void 0 ? HEADER_BUTTON_DEFAULT_TAG : _a, className = props.className, children = props.children, _b = props.variant, variant = _b === void 0 ? HEADER_BUTTON_DEFAULT_VARIANT : _b, _c = props.color, color = _c === void 0 ? HEADER_BUTTON_DEFAULT_COLOR : _c, other = __rest(props, ["as", "className", "children", "variant", "color"]);
    return (React.createElement(Button, __assign({}, other, { as: as, size: "s", ref: ref, variant: variant, color: color, className: cnHeaderButton('', [className]) }), children));
});
HeaderButton.displayName = 'HeaderButton';