import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { useOneUIConfig } from "../../context/OneUIProvider";
function Button({ children, variant = "transparent", className = "", ...otherProps }, ref) {
    const classNameType = useOneUIConfig("component.button.className", {});
    const Component = useOneUIConfig("component.button.Component", "button");
    return (_jsx(Component, { ref: ref, className: `${className} ${classNameType[variant] || ""}`, variant: variant, ...otherProps, children: children }));
}
/**
 * A simple button that can be customized via the provider
 **/
/**
 * A clickable button component that users can interact with.
 * It supports different styles and can be customized through configuration.
 **/
export default forwardRef(Button);
//# sourceMappingURL=Button.js.map