// packages/components/src/border-box-control/border-box-control-visualizer/hook.ts
import { useMemo } from "@wordpress/element";
import * as styles from "../styles.js";
import { useContextSystem } from "../../context/index.js";
import { useCx } from "../../utils/index.js";
function useBorderBoxControlVisualizer(props) {
  const {
    className,
    value,
    size = "default",
    ...otherProps
  } = useContextSystem(props, "BorderBoxControlVisualizer");
  const cx = useCx();
  const classes = useMemo(() => {
    return cx(styles.borderBoxControlVisualizer(value, size), className);
  }, [cx, className, value, size]);
  return {
    ...otherProps,
    className: classes,
    value
  };
}
export {
  useBorderBoxControlVisualizer
};
//# sourceMappingURL=hook.js.map
