import { jsx } from "react/jsx-runtime";
import { cn } from "../../lib/utils.js";
function AspectRatio({ ratio, className, ...props }) {
  return /* @__PURE__ */ jsx(
    "div",
    {
      "data-slot": "aspect-ratio",
      style: {
        "--ratio": ratio
      },
      className: cn("relative aspect-(--ratio)", className),
      ...props
    }
  );
}
export {
  AspectRatio
};
//# sourceMappingURL=aspect-ratio.js.map
