import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.js";
import { a as w } from "../../../../sdk/dist/shared/chunk-PSTFJ5IJ.js";
import "../../../../sdk/dist/shared/chunk-3YVJ2ELD.js";
import "../../../../sdk/dist/shared/chunk-AFVJZPLS.js";
import "@sinclair/typebox";
import "../../../../sdk/dist/shared/chunk-A3GF4PYW.js";
import "../../../../sdk/dist/shared/chunk-W33JMRRN.js";
import { tx as D } from "../../../../style-system/dist/twind.js";
import ReactPlayer from "../../../../../_virtual/index19.js";
import { useBrickStyle } from "../hooks/use-brick-style.js";
import BrickRoot from "../components/BrickRoot.js";
function Video({ brick, editable }) {
  const styles = useBrickStyle(brick);
  const props = brick.props;
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
    BrickRoot,
    {
      brick,
      editable,
      manifest: w,
      className: D("relative", Object.values(styles)),
      children: [
        editable && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-0" }),
        /* @__PURE__ */ jsxRuntimeExports.jsx(ReactPlayer, { url: props.url, width: "100%", height: "100%" })
      ]
    }
  );
}
export {
  Video as default
};
//# sourceMappingURL=video.js.map
