import * as React from "react";
import y from "../../../../../../../../../_virtual/index12.js";
import { Text as p } from "./text.js";
import { calloutRootPropDefs as a$1 } from "./callout.props.js";
import { extractProps as v } from "../helpers/extract-props.js";
import { mapResponsiveProp as s, mapCalloutSizeToTextSize as p$1 } from "../helpers/map-prop-values.js";
import { marginPropDefs as r } from "../props/margin.props.js";
import { Root as Slot } from "../../../../../../../@radix-ui_react-slot@1.2.3_@types_react@19.1.13_react@19.1.1/node_modules/@radix-ui/react-slot/dist/index.js";
const a = React.createContext({}), n = React.forwardRef((t, l) => {
  const { size: e = a$1.size.default } = t, { asChild: r$1, children: C, className: i, color: c, ...f } = v(t, a$1, r), P = r$1 ? Slot : "div";
  return React.createElement(P, { "data-accent-color": c, ...f, className: y("rt-CalloutRoot", i), ref: l }, React.createElement(a.Provider, { value: React.useMemo(() => ({ size: e }), [e]) }, C));
});
n.displayName = "Callout.Root";
const m = React.forwardRef(({ className: t, ...l }, e) => React.createElement("div", { ...l, className: y("rt-CalloutIcon", t), ref: e }));
m.displayName = "Callout.Icon";
const u = React.forwardRef(({ className: t, ...l }, e) => {
  const { size: r2 } = React.useContext(a);
  return React.createElement(p, { as: "p", size: s(r2, p$1), ...l, asChild: false, ref: e, className: y("rt-CalloutText", t) });
});
u.displayName = "Callout.Text";
export {
  m as Icon,
  n as Root,
  u as Text
};
//# sourceMappingURL=callout.js.map
