import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{t as i}from"./Button-DqcfuOFN.js";import{n as a,t as o}from"./TokyoUISparkle-5ta_MRge.js";import{_ as s,f as c,g as l,h as u,m as d,n as f,p,r as m,t as h,v as g}from"./AlertBannerAction-BKNUkKu8.js";var _,v,y=t((()=>{_=`customBanner__WPfsi`,v={customBanner:_}})),b,x,S,C;t((()=>{e(n(),1),a(),f(),u(),s(),p(),y(),m(),b=r(),x={title:`Components/AlertBanner/Primitives`,component:l,subcomponents:{AlertBannerIcon:d,AlertBannerRoot:l,AlertBannerAction:h,AlertBannerText:c},parameters:{layout:`padded`,docs:{source:{type:`dynamic`}}},decorators:[e=>(0,b.jsx)(`div`,{style:{width:`500px`},children:(0,b.jsx)(e,{})})]},S=()=>(0,b.jsx)(g,{children:(0,b.jsxs)(l,{variant:`critical`,className:v.customBanner,children:[(0,b.jsx)(d,{svg:o}),(0,b.jsx)(c,{children:`Custom banner built with primitives.`}),(0,b.jsx)(h,{children:(0,b.jsx)(i,{variant:`onColor`,size:`large`,children:`Custom action`})})]})}),S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`() => {
  const variant: AlertBannerVariant = 'critical';
  return <AlertBannerProvider>
            <AlertBannerRoot variant={variant} className={customStyles.customBanner}>
                <AlertBannerIcon svg={TokyoUISparkle} />
                <AlertBannerText>Custom banner built with primitives.</AlertBannerText>
                <AlertBannerAction>
                    <Button variant="onColor" size={'large'}>
                        Custom action
                    </Button>
                </AlertBannerAction>
            </AlertBannerRoot>
        </AlertBannerProvider>;
}`,...S.parameters?.docs?.source}}},C=[`Primitives`]}))();export{S as Primitives,C as __namedExportsOrder,x as default};