import { t as e } from "../../utils-B7XIe3qq.js";
import "react";
import { jsx as t } from "react/jsx-runtime";
//#region src/react/primitives/aspect-ratio.tsx
function n({ className: n, ratio: r = 1, style: i, children: a, ...o }) {
	return /* @__PURE__ */ t("div", {
		"data-slot": "aspect-ratio",
		className: e("relative w-full", n),
		style: {
			paddingBottom: `${1 / r * 100}%`,
			...i
		},
		...o,
		children: /* @__PURE__ */ t("div", {
			className: "absolute inset-0",
			children: a
		})
	});
}
//#endregion
export { n as AspectRatio };

//# sourceMappingURL=aspect-ratio.js.map