welcome-ui
Version:
Customizable design system with react, typescript, tailwindcss and ariakit.
21 lines (20 loc) • 662 B
JavaScript
"use client";
import './AspectRatio.css';
import { jsx as i } from "react/jsx-runtime";
import { c } from "./index-B6iGEm-i.js";
import { f as e } from "./forwardRefWithAs-8eP3ZN15.js";
import "react";
const _ = "_root_1clgx_2", l = {
root: _,
"ratio-square": "_ratio-square_1clgx_8",
"ratio-4-3": "_ratio-4-3_1clgx_11",
"ratio-3-2": "_ratio-3-2_1clgx_14",
"ratio-video": "_ratio-video_1clgx_17"
}, m = c(l), p = e(
({ as: o = "div", className: t, ratio: a = "4-3", ...r }, s) => /* @__PURE__ */ i(o, { className: m("root", `ratio-${a}`, t), ref: s, ...r })
);
p.displayName = "AspectRatio";
export {
p as AspectRatio,
l as aspectRatioClasses
};