import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import Styles from "./MutableHamburgerButton.module.scss";
/**
 * A hamburger button that mutates according to it's state
 **/
export default function MutableHamburgerButton({ state = "default", size, className = "", ...props }) {
    const stateClass = state in Styles ? Styles[state] : "";
    return (_jsxs("div", { ...props, className: `${Styles.container} ${stateClass} ${className}`, style: { fontSize: `${size}px` }, children: [_jsx("div", {}), _jsx("div", {}), _jsx("div", {})] }));
}
//# sourceMappingURL=MutableHamburgerButton.js.map