import{jsx as e,jsxs as l}from"react/jsx-runtime";import"@styled/tokens";import C from"../icons/ico-code.js";import{Page as i}from"./page.js";import o from"../primitives/text.js";import{css as m}from"@styled/css";import{Center as s}from"@styled/jsx";import{createSlot as a,createHost as y}from"create-slots";import{Children as d,cloneElement as h}from"react";const p=a(({children:n,...r})=>e(s,{children:d.map(n,t=>h(t,r))})),f=a(({children:n,...r})=>e(s,{children:d.map(n,t=>h(t,r))})),g=({children:n,detailTitle:r,detailMessage:t,title:u,message:x,...b})=>y(n,c=>{const j=c.get(p),v=c.get(f);return l(i,{...b,children:[e(i.Icon,{children:j||e(C,{})}),l(i.Content,{children:[e(o.H3,{styles:{textAlign:"center"},children:u}),e(o,{size:"md",styles:{textAlign:"center"},children:x}),t&&l("div",{className:m({background:"negative.lightest",borderRadius:"0.5rem",my:4,p:4,width:"full"}),children:[r&&e(o,{variant:"error",children:e("b",{className:m({textTransform:"uppercase"}),children:r})}),e(o,{variant:"error",children:t})]}),v]}),e(i.Footer,{})]})}),A=Object.assign(g,{Icon:p,Button:f});export{g as Component,A as Error};
//# sourceMappingURL=error.js.map
