import { jsx as _jsx } from "react/jsx-runtime";
import clsx from "clsx";
import "./style.scss";
const TertiaryButton = ({ text = "Button text", tertiaryButtonClassName = "", sizeVariant = "xs", 
// colorVariant = 'orange',
isDisabled = false, onClick, children, dataCy, }) => {
    const className = clsx({
        tertiaryButtonGeneric: true,
        [`${sizeVariant}Size--TertiaryButton`]: true,
        // [`${colorVariant}--TertiaryButton`]: true
    });
    return (_jsx("button", { type: "button", className: `${className} ${tertiaryButtonClassName}`, disabled: isDisabled, onClick: onClick, "data-cy": dataCy, children: children ? children : text }));
};
export default TertiaryButton;
