import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import clsx from "clsx";
import GetSvgIcon from "../GetSvgIcon";
import "./style.scss";
const ClickableText = ({ text = "String of Button", showIcon = false, iconOnLeft = false, iconType = "plus", sizeVariant = "xs", colorVariant = "orange", iconSize = "16", props = {}, disabled = false, onClick, dataCy, }) => {
    const clickableTextClassName = clsx({
        clickableTextGeneric: true,
        [`${sizeVariant}SizeClickableText`]: true,
        [`${colorVariant}ClickableText`]: true,
        iconOnLeftClickableText: iconOnLeft,
    });
    return (_jsxs("button", { disabled: disabled, onClick: onClick, className: clickableTextClassName, ...props, "data-cy": dataCy, children: [text, showIcon && _jsx(GetSvgIcon, { iconType: iconType, iconSize: iconSize })] }));
};
export default ClickableText;
