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

Completely unstyled, headless and accessible React UI components.

"use strict";var __assign=this&&this.__assign||function(){return __assign=Object.assign||function(t){for(var e,r=1,i=arguments.length;r<i;r++)for(var n in e=arguments[r])Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t},__assign.apply(this,arguments)},__createBinding=this&&this.__createBinding||(Object.create?function(t,e,r,i){void 0===i&&(i=r);var n=Object.getOwnPropertyDescriptor(e,r);n&&!("get"in n?!e.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,i,n)}:function(t,e,r,i){void 0===i&&(i=r),t[i]=e[r]}),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),__importStar=this&&this.__importStar||function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)"default"!==r&&Object.prototype.hasOwnProperty.call(t,r)&&__createBinding(e,t,r);return __setModuleDefault(e,t),e};Object.defineProperty(exports,"__esModule",{value:!0});var jsx_runtime_1=require("react/jsx-runtime"),Slots=__importStar(require("./slots")),PreserveAspectRatio=function(t){var e=t.children,r=t.ratio,i={position:"relative",paddingTop:"".concat(100/r,"%"),width:"100%"};return(0,jsx_runtime_1.jsx)("div",__assign({"data-slot":Slots.Root,style:i},{children:(0,jsx_runtime_1.jsx)("div",__assign({"data-slot":Slots.Container,style:{position:"absolute",top:0,left:0,right:0,bottom:0}},{children:e}))}))};exports.default=PreserveAspectRatio;