import { jsx as o } from "react/jsx-runtime";
import { Box as e } from "@mui/material";
import { Icon as i } from "@iconify/react";
import m from "@iconify-icons/material-symbols/close-rounded";
import s from "lodash/noop";
import { mergeSx as f } from "../Util/style.js";
function x({
  onClose: r = s,
  sx: t = {},
  size: n = 20
}) {
  return /* @__PURE__ */ o(
    e,
    {
      onClick: r,
      sx: f(
        {
          fontSize: 0,
          cursor: "pointer",
          color: "text.secondary",
          transition: "transform 0.25s ease-in-out 0s",
          transformOrigin: "center",
          "&:hover": {
            transform: "rotate(90deg)"
          }
        },
        t
      ),
      children: /* @__PURE__ */ o(i, { icon: m, fontSize: n })
    }
  );
}
export {
  x as default
};
