/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
"use client";
import { cx, getStyles } from "../../../styles/styler.js";
import { Text } from "../../Text.js";
import { useModalConfig } from "./UDSModalConfigProvider.js";
import { jsx } from "react/jsx-runtime";
import { DialogDescription } from "@ariakit/react";
//#region src/components/client/Modal/ModalDescription.tsx
const ModalDescription = ({ children, slotProps }) => {
	const { size, variant } = useModalConfig();
	const classNames = { description: getStyles({
		modalSizeDescription: size,
		modalVariantDescription: variant
	}) };
	return /* @__PURE__ */ jsx(DialogDescription, {
		render: /* @__PURE__ */ jsx(Text, {
			as: "span",
			...slotProps?.root,
			className: cx(classNames.description, slotProps?.root?.className)
		}),
		children
	});
};
ModalDescription.displayName = "ModalDescription";
ModalDescription.__modalSlot = "description";
//#endregion
export { ModalDescription };
