@gravity-ui/uikit/build/esm/components/Dialog/DialogBody/DialogBody.js

Gravity UI base styling and components

import { jsx as _jsx } from "react/jsx-runtime";
import * as React from 'react';
import { useAnimateHeight } from "../../../hooks/private/index.js";
import { block } from "../../utils/cn.js";
import { DialogPrivateContext } from "../DialogPrivateContext.js";
import "./DialogBody.css";
const b = block('dialog-body');
export function DialogBody(props) {
    const { className, hasBorders = false } = props;
    const contentRef = React.useRef(null);
    const { disableHeightTransition } = React.useContext(DialogPrivateContext);
    useAnimateHeight({
        ref: contentRef,
        enabled: !disableHeightTransition,
    });
    return (_jsx("div", { className: b({ 'has-borders': hasBorders }), children: _jsx("div", { ref: contentRef, className: b('content', className), children: props.children }) }));
}
//# sourceMappingURL=DialogBody.js.map