welcome-ui/dist/AspectRatio.js

Customizable design system with react, typescript, tailwindcss and ariakit.

"use client";
import { jsx as i } from "react/jsx-runtime";
import { c as e } from "./index-PAaZGbyz.js";
import { f as _ } from "./forwardRefWithAs-8eP3ZN15.js";
import "react";
const c = "_root_1s56r_2", m = {
  root: c,
  "ratio-square": "_ratio-square_1s56r_8",
  "ratio-4-3": "_ratio-4-3_1s56r_11",
  "ratio-3-2": "_ratio-3-2_1s56r_14",
  "ratio-video": "_ratio-video_1s56r_17"
}, p = e(m), f = _(
  ({ as: o = "div", className: r, ratio: t = "4-3", ...s }, a) => /* @__PURE__ */ i(o, { className: p("root", `ratio-${t}`, r), ref: a, ...s })
);
f.displayName = "AspectRatio";
export {
  f as AspectRatio
};