@styleless-ui/react/esm/PreserveAspectRatio/PreserveAspectRatio.js

Completely unstyled, headless and accessible React UI components.

var t=this&&this.__assign||function(){return t=Object.assign||function(t){for(var o,r=1,i=arguments.length;r<i;r++)for(var n in o=arguments[r])Object.prototype.hasOwnProperty.call(o,n)&&(t[n]=o[n]);return t},t.apply(this,arguments)};import{jsx as o}from"react/jsx-runtime";import*as r from"./slots";export default function(i){var n=i.children,a=i.ratio,e={position:"relative",paddingTop:"".concat(100/a,"%"),width:"100%"};return o("div",t({"data-slot":r.Root,style:e},{children:o("div",t({"data-slot":r.Container,style:{position:"absolute",top:0,left:0,right:0,bottom:0}},{children:n}))}))}