import { jsx as _jsx } from "react/jsx-runtime";
import AdaptiveContainer from "../AdaptiveContainer";
import Button from "../Button";
import Styles from "./AdaptiveButton.module.scss";
/**
 * A button that automatically adjusts its width to fit the content inside it.
 * This makes the button look natural and not stretched wider than needed.
 **/
export default function AdaptiveButton({ children, className = "", ...buttonProps }) {
    return (_jsx(AdaptiveContainer, { containerElement: Button, className: `${Styles.resetButton} ${className}`, direction: "both", ...buttonProps, children: children }));
}
//# sourceMappingURL=AdaptiveButton.js.map