import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import clsx from "clsx";
import "./style.scss";
import { GetSvgIcon } from "..";
const TextWithSvgButton = ({ text = "", TextWithSvgButtonClassName = "", sizeVariant = "xs", colorVariant = "gray", isDisabled = false, iconType, onClick, ...props }) => {
    const className = clsx({
        textWithSvgButtonGeneric: true,
        [`${sizeVariant}Size--TextWithSvgButton`]: true,
        [`${colorVariant}--TextWithSvgButton`]: true,
    });
    return (_jsxs("button", { ...props, className: `${className} ${TextWithSvgButtonClassName}`, disabled: isDisabled, onClick: onClick, children: [iconType && _jsx(GetSvgIcon, { iconType: iconType, iconSize: "16" }), text.length > 0 && text] }));
};
export default TextWithSvgButton;
