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