synapse-react-client/dist/components/SynapseTable/CustomControls/CustomControlPanel.js

[](https://badge.fury.io/js/synapse-react-client) [](https://github.com/prettier/prettie

import { jsxs as e, jsx as o } from "react/jsx-runtime";
import { Paper as c, Box as d, Typography as a } from "@mui/material";
import { CustomControlButton as p } from "./CustomControlButton.js";
function m(i) {
  const { control: t, callbackData: l, ...s } = i, { title: r, description: n } = t;
  return /* @__PURE__ */ e(
    c,
    {
      sx: {
        backgroundColor: "grey.100",
        p: 2,
        display: "flex",
        alignItems: "center",
        gap: 2,
        borderRadius: 1
      },
      elevation: 0,
      children: [
        /* @__PURE__ */ e(d, { sx: { display: "flex", flexDirection: "column", flex: 1, gap: 0.5 }, children: [
          r && /* @__PURE__ */ o(
            a,
            {
              variant: "body1",
              sx: { fontWeight: 700, fontSize: "14px" },
              children: r
            }
          ),
          n && /* @__PURE__ */ o(a, { variant: "body2", color: "text.secondary", children: n })
        ] }),
        /* @__PURE__ */ o(
          p,
          {
            control: t,
            callbackData: l,
            variant: "outlined",
            ...s
          }
        )
      ]
    }
  );
}
export {
  m as default
};
//# sourceMappingURL=CustomControlPanel.js.map