sui-explorer-local
Version:
Local Sui Explorer
2 lines (1 loc) • 3.13 kB
JavaScript
import{j as e}from"./jsx-runtime-ffb262ed.js";import{c as p}from"./index-dca19ccf.js";import{S as f}from"./info-1b9bdf22.js";import{T as b}from"./Text-6932fd32.js";import{I as g,X as x}from"./IconButton-47608385.js";const h=p("inline-flex text-pBodySmall font-medium overflow-hidden gap-2 items-center flex-nowrap relative",{variants:{variant:{positive:"bg-success-light text-success-dark",warning:"bg-warning-light text-warning-dark",error:"bg-issue-light text-issue-dark",message:"bg-sui-light text-hero",neutralGrey:"bg-steel text-white",neutralWhite:"bg-white/80 text-steel-darker"},align:{left:"justify-start",center:"justify-center"},fullWidth:{true:"w-full"},spacing:{sm:"px-1.5 py-0.5",md:"px-3 py-2",lg:"p-5"},shadow:{true:"shadow-md"},border:{true:""},rounded:{none:"rounded-none","2xl":"rounded-2xl"}},defaultVariants:{variant:"message",spacing:"md",rounded:"2xl"},compoundVariants:[{variant:"positive",border:!0,class:"border border-success/30"},{variant:"warning",border:!0,class:"border border-warning-dark/30"},{variant:"error",border:!0,class:"border border-issue-dark/30"},{variant:"message",border:!0,class:"border border-sui/30"},{variant:"neutralGrey",border:!0,class:"border border-steel"},{variant:"neutralWhite",border:!0,class:"border border-gray-45"}]});function n({icon:r=e.jsx(f,{}),title:l,children:t,variant:s,align:i,fullWidth:d,spacing:o,border:u,shadow:c,rounded:m,onDismiss:a}){return e.jsxs("div",{className:h({variant:s,align:i,fullWidth:d,shadow:c,border:u,spacing:o,rounded:m,class:a&&"pr-9"}),children:[r&&e.jsx("div",{className:"flex items-center justify-center",children:r}),e.jsxs("div",{className:"flex flex-col gap-1",children:[l&&e.jsx(b,{variant:"bodySmall/semibold",children:l}),e.jsx("div",{className:"overflow-hidden break-words break-all",children:t})]}),a?e.jsx("div",{className:"absolute right-0 top-0",children:e.jsx(g,{onClick:a,"aria-label":"Close",children:e.jsx(x,{})})}):null]})}try{n.displayName="Banner",n.__docgenInfo={description:"",displayName:"Banner",props:{icon:{defaultValue:{value:"<InfoIcon />"},description:"",name:"icon",required:!1,type:{name:"ReactNode"}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"ReactNode"}},onDismiss:{defaultValue:null,description:"",name:"onDismiss",required:!1,type:{name:"(() => void)"}},rounded:{defaultValue:null,description:"",name:"rounded",required:!1,type:{name:'"2xl" | "none" | null'}},spacing:{defaultValue:null,description:"",name:"spacing",required:!1,type:{name:'"lg" | "sm" | "md" | null'}},border:{defaultValue:null,description:"",name:"border",required:!1,type:{name:"boolean | null"}},shadow:{defaultValue:null,description:"",name:"shadow",required:!1,type:{name:"boolean | null"}},variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:'"error" | "positive" | "warning" | "message" | "neutralGrey" | "neutralWhite" | null'}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:'"center" | "left" | null'}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"boolean | null"}}}}}catch{}export{n as B};