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

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

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