@radix-ui/themes
Version:
[](https://radix-ui.com/themes)
3 lines (2 loc) • 1.12 kB
JavaScript
"use client";import*as o from"react";import s from"classnames";import{Slot as f}from"@radix-ui/react-slot";import{Text as d}from"./text.js";import{calloutRootPropDefs as a}from"./callout.props.js";import{extractProps as x,mapCalloutSizeToTextSize as R,mapResponsiveProp as T}from"../helpers/index.js";import{marginPropDefs as y}from"../props/index.js";const p=o.createContext({}),n=o.forwardRef((t,l)=>{const{size:e=a.size.default}=t,{asChild:r,children:u,className:i,color:c,...P}=x(t,a,y);return o.createElement(r?f:"div",{"data-accent-color":c,...P,className:s("rt-CalloutRoot",i),ref:l},o.createElement(p.Provider,{value:o.useMemo(()=>({size:e}),[e])},u))});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 C=o.forwardRef(({className:t,...l},e)=>{const{size:r}=o.useContext(p);return o.createElement(d,{as:"p",size:T(r,R),...l,asChild:!1,ref:e,className:s("rt-CalloutText",t)})});C.displayName="Callout.Text";export{m as Icon,n as Root,C as Text};
//# sourceMappingURL=callout.js.map