import { jsx as r } from "@emotion/react/jsx-runtime";
import { m as n } from "framer-motion";
import { forwardRef as l } from "react";
import { IconButton as m, Box as i } from "@mui/material";
const c = {
  hover: { scale: 1.1 },
  tap: { scale: 0.95 }
}, s = {
  hover: { scale: 1.09 },
  tap: { scale: 0.97 }
}, p = {
  hover: { scale: 1.08 },
  tap: { scale: 0.99 }
};
function v({ size: o, children: a }) {
  const t = o === "small", e = o === "large";
  return /* @__PURE__ */ r(
    i,
    {
      component: n.div,
      whileTap: "tap",
      whileHover: "hover",
      variants: t && c || e && p || s,
      sx: {
        display: "inline-flex"
      },
      children: a
    }
  );
}
const f = l(
  ({ children: o, size: a = "medium", ...t }, e) => /* @__PURE__ */ r(v, { size: a, children: /* @__PURE__ */ r(m, { size: a, ref: e, ...t, children: o }) })
);
f.displayName = "IconButtonAnimate";
export {
  f as IconButtonAnimate
};
