|
Server : Apache System : Linux cloud.heroica.com.br 4.18.0-553.36.1.el8_10.x86_64 #1 SMP Wed Jan 22 03:07:54 EST 2025 x86_64 User : farolpborg ( 1053) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /var/www/node_services/novosisneg/frontend/node_modules/react-bootstrap/esm/ |
Upload File : |
"use client";
import classNames from 'classnames';
import * as React from 'react';
import { useBootstrapPrefix } from './ThemeProvider';
import { jsx as _jsx } from "react/jsx-runtime";
function toPercent(num) {
if (num <= 0) return '100%';
if (num < 1) return `${num * 100}%`;
return `${num}%`;
}
const Ratio = /*#__PURE__*/React.forwardRef(({
bsPrefix,
className,
children,
aspectRatio = '1x1',
style,
...props
}, ref) => {
bsPrefix = useBootstrapPrefix(bsPrefix, 'ratio');
const isCustomRatio = typeof aspectRatio === 'number';
return /*#__PURE__*/_jsx("div", {
ref: ref,
...props,
style: {
...style,
...(isCustomRatio && {
'--bs-aspect-ratio': toPercent(aspectRatio)
})
},
className: classNames(bsPrefix, className, !isCustomRatio && `${bsPrefix}-${aspectRatio}`),
children: React.Children.only(children)
});
});
export default Ratio;