import { E as compilerRuntimeExports, j as jsxRuntimeExports } from "./vendor-react-DYNCg6N5.js";
import { c as createStyles } from "./vendor-mantine-h0WlM2Mj.js";
const useStyles = createStyles((theme) => ({
  container: {
    width: "100%",
    padding: "8px 24px 16px",
    borderTop: "1px solid",
    borderColor: theme.colors.backgroundGray[6],
    backgroundColor: theme.colors.backgroundGray[0],
    borderRadius: "0 0 8px 8px"
  }
}));
const Controls = (t0) => {
  const $ = compilerRuntimeExports.c(3);
  const {
    children
  } = t0;
  const {
    classes
  } = useStyles();
  let t1;
  if ($[0] !== children || $[1] !== classes.container) {
    t1 = /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes.container, children });
    $[0] = children;
    $[1] = classes.container;
    $[2] = t1;
  } else {
    t1 = $[2];
  }
  return t1;
};
export {
  Controls as C
};
//# sourceMappingURL=index-DMTgSMwy.js.map
