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

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

"use client";import*as o from"react";import s from"classnames";import{Slot as R}from"radix-ui";import{Text as d}from"./text.js";import{calloutRootPropDefs as p}from"./callout.props.js";import{extractProps as x}from"../helpers/extract-props.js";import{mapResponsiveProp as y,mapCalloutSizeToTextSize as T}from"../helpers/map-prop-values.js";import{marginPropDefs as v}from"../props/margin.props.js";const a=o.createContext({}),n=o.forwardRef((t,l)=>{const{size:e=p.size.default}=t,{asChild:r,children:C,className:i,color:c,...f}=x(t,p,v),P=r?R.Root:"div";return o.createElement(P,{"data-accent-color":c,...f,className:s("rt-CalloutRoot",i),ref:l},o.createElement(a.Provider,{value:o.useMemo(()=>({size:e}),[e])},C))});n.displayName="Callout.Root";const m=o.forwardRef(({className:t,...l},e)=>o.createElement("div",{...l,className:s("rt-CalloutIcon",t),ref:e}));m.displayName="Callout.Icon";const u=o.forwardRef(({className:t,...l},e)=>{const{size:r}=o.useContext(a);return o.createElement(d,{as:"p",size:y(r,T),...l,asChild:!1,ref:e,className:s("rt-CalloutText",t)})});u.displayName="Callout.Text";export{m as Icon,n as Root,u as Text};
//# sourceMappingURL=callout.js.map