@trove-ui/react/es/Button/index.js

A React component library for T Design UI

import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
import * as __WEBPACK_EXTERNAL_MODULE_classnames__ from "classnames";
const Button = ({ icon, type, onClick, children, disabled, className = '', size = 'default', variant = 'solid', state = 'primary', iconPosition = 'left', ...props })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("button", {
        ...props,
        type: type,
        onClick: onClick,
        disabled: disabled,
        className: (0, __WEBPACK_EXTERNAL_MODULE_classnames__["default"])('t-button', `is-${state}`, `size-${size}`, `is-${variant}`, className),
        style: {
            outline: 'none',
            borderRadius: '4px',
            display: 'flex',
            alignItems: 'center',
            flexDirection: 'left' === iconPosition ? 'row' : 'row-reverse'
        },
        children: [
            icon && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
                className: "t-button_icon",
                children: icon
            }),
            children && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
                className: "t-button_wrapper",
                children: children
            })
        ]
    });
const components_Button = Button;
export { components_Button as default };