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