@teamsparta/stack-custom-modal/dist/chunk-UARK5XEF.mjs

stack custom modal

"use client";

import {
  descriptionCss
} from "./chunk-YJGPPUJG.mjs";
import {
  __objRest,
  __spreadProps,
  __spreadValues
} from "./chunk-FUJQIYOF.mjs";

// src/compounds/CustomModalDescription.tsx
import * as Dialog from "@radix-ui/react-dialog";
import { Text } from "@teamsparta/stack-text";
import { vars } from "@teamsparta/stack-tokens";
import { forwardRef } from "react";
import { jsx } from "@emotion/react/jsx-runtime";
var CustomModalDescription = forwardRef(
  (_a, ref) => {
    var _b = _a, {
      children,
      font = "bodyCompact",
      color = vars.text.tertiary
    } = _b, restProps = __objRest(_b, [
      "children",
      "font",
      "color"
    ]);
    return /* @__PURE__ */ jsx(Dialog.Description, { asChild: true, children: /* @__PURE__ */ jsx(
      Text,
      __spreadProps(__spreadValues({
        ref,
        as: "p",
        font,
        color,
        css: descriptionCss
      }, restProps), {
        children
      })
    ) });
  }
);
CustomModalDescription.displayName = "CustomModalDescription";

export {
  CustomModalDescription
};