@accelint/design-toolkit/dist/components/hero/index.js

An open-source component library to serve as part of the entire ecosystem of UX for Accelint.

'use client';

import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps,Provider,HeadingContext,TextContext,Header}from'react-aria-components';import {IconContext}from'../icon/context.js';import {HeroContext}from'./context.js';import {HeroStyles}from'./styles.js';const{hero:H,icon:x,title:f,subtitle:C}=HeroStyles();function b({ref:t,...o}){[o,t]=useContextProps(o,t??null,HeroContext);const{children:r,classNames:e,compact:a,...l}=o;return jsx(Provider,{values:[[IconContext,{className:x({className:e?.icon}),size:"large"}],[HeadingContext,{className:f({className:e?.title}),level:2}],[TextContext,{className:C({className:e?.subtitle})}]],children:jsx(Header,{...l,ref:t,className:H({className:e?.hero}),"data-layout":a?"grid":"stack",children:r})})}export{b as Hero};//# sourceMappingURL=index.js.map
//# sourceMappingURL=index.js.map