@radix-ui/themes/dist/cjs/components/callout.js

[](https://radix-ui.com/themes)

"use strict";"use client";var z=Object.create;var p=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var g=(o,t)=>{for(var e in t)p(o,e,{get:t[e],enumerable:!0})},c=(o,t,e,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of h(t))!D.call(o,r)&&r!==e&&p(o,r,{get:()=>t[r],enumerable:!(s=N(t,r))||s.enumerable});return o};var f=(o,t,e)=>(e=o!=null?z(w(o)):{},c(t||!o||!o.__esModule?p(e,"default",{value:o,enumerable:!0}):e,o)),j=o=>c(p({},"__esModule",{value:!0}),o);var M={};g(M,{Icon:()=>C,Root:()=>u,Text:()=>i});module.exports=j(M);var l=f(require("react")),a=f(require("classnames")),R=require("radix-ui"),d=require("./text.js"),m=require("./callout.props.js"),x=require("../helpers/extract-props.js"),n=require("../helpers/map-prop-values.js"),y=require("../props/margin.props.js");const P=l.createContext({}),u=l.forwardRef((o,t)=>{const{size:e=m.calloutRootPropDefs.size.default}=o,{asChild:s,children:r,className:T,color:v,...I}=(0,x.extractProps)(o,m.calloutRootPropDefs,y.marginPropDefs),E=s?R.Slot.Root:"div";return l.createElement(E,{"data-accent-color":v,...I,className:(0,a.default)("rt-CalloutRoot",T),ref:t},l.createElement(P.Provider,{value:l.useMemo(()=>({size:e}),[e])},r))});u.displayName="Callout.Root";const C=l.forwardRef(({className:o,...t},e)=>l.createElement("div",{...t,className:(0,a.default)("rt-CalloutIcon",o),ref:e}));C.displayName="Callout.Icon";const i=l.forwardRef(({className:o,...t},e)=>{const{size:s}=l.useContext(P);return l.createElement(d.Text,{as:"p",size:(0,n.mapResponsiveProp)(s,n.mapCalloutSizeToTextSize),...t,asChild:!1,ref:e,className:(0,a.default)("rt-CalloutText",o)})});i.displayName="Callout.Text";
//# sourceMappingURL=callout.js.map