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

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

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