import{_ as e,b as t,s as n}from"./runtime-core.esm-bundler-Babufkcf.js";import{t as r}from"./create-CGAkPJkS.js";import{a as i}from"./QIcon-cTVL6ikA.js";import{n as a,t as o}from"./use-dark-B6e4te0z.js";var s=r({name:`QBanner`,props:{...a,inlineActions:Boolean,dense:Boolean,rounded:Boolean},setup(r,{slots:a}){let{proxy:{$q:s}}=e(),c=o(r,s),l=n(()=>`q-banner row items-center`+(r.dense?` q-banner--dense`:``)+(c.value?` q-banner--dark q-dark`:``)+(r.rounded?` rounded-borders`:``)),u=n(()=>`q-banner__actions row items-center justify-end col-${r.inlineActions?`auto`:`all`}`);return()=>{let e=[t(`div`,{class:`q-banner__avatar col-auto row items-center self-start`},i(a.avatar)),t(`div`,{class:`q-banner__content col text-body2`},i(a.default))],n=i(a.action);return n!==void 0&&e.push(t(`div`,{class:u.value},n)),t(`div`,{class:l.value+(!r.inlineActions&&n!==void 0?` q-banner--top-padding`:``),role:`alert`},e)}}});export{s as t};