AlertCard-Q7XC6UCi.js

import{H as e,Q as t,S as n,T as r,b as i,vt as a,x as o,y as s,z as c,zt as l}from"./vue.runtime.esm-bundler-BdVAZHbZ.js";import{t as u}from"./XMarkIcon-DZ-JZH05.js";import{t as d}from"./dist-DDj47G1y.js";import{t as f}from"./utils-DwIyEoU_.js";import{a as p,o as m}from"./card-D4DRlDXR.js";var h={class:`flex`},g={class:`py-1`},_={class:`text-sm mt-1`},v={__name:`AlertCard`,props:{variant:{type:String,default:`default`,validator:e=>[`default`,`destructive`,`warning`,`success`,`info`].includes(e)},class:{type:String,default:``},titleClass:{type:String,default:``},closeButton:{type:Boolean,default:!1},borderColor:{type:String,default:``},textColor:{type:String,default:``}},emits:[`close`],setup(v){let y=d(`relative border-l-4 shadow-sm`,{variants:{variant:{default:`border-l-primary bg-card text-card-foreground`,destructive:`border-l-destructive bg-card text-card-foreground`,warning:`border-l-yellow-500 bg-card text-card-foreground`,success:`border-l-success bg-card text-card-foreground`,info:`border-l-info bg-card text-card-foreground`}},defaultVariants:{variant:`default`}}),b=d(``,{variants:{variant:{default:`text-primary`,destructive:`text-destructive`,warning:`text-yellow-500`,success:`text-success`,info:`text-info`}},defaultVariants:{variant:`default`}}),x=v;return(d,S)=>(c(),i(a(m),{class:l(a(f)(`mb-4`,a(y)({variant:v.variant,class:x.class})))},{default:t(()=>[r(a(p),{class:`p-4`},{default:t(()=>[s(`div`,h,[s(`div`,g,[e(d.$slots,`icon`,{},()=>[(c(),n(`svg`,{class:l(a(f)(`fill-current h-6 w-6 mr-4`,a(b)({variant:v.variant}))),xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 20 20`},[...S[1]||=[s(`path`,{d:`M2.93 17.07A10 10 0 1 1 17.07 2.93 10 10 0 0 1 2.93 17.07zm12.73-1.41A8 8 0 1 0 4.34 4.34a8 8 0 0 0 11.32 11.32zM9 11V9h2v6H9v-4zm0-6h2v2H9V5z`},null,-1)]],2))])]),s(`div`,{class:l(a(f)(`flex-1`,v.titleClass))},[s(`div`,{class:l(a(f)(`font-bold`,a(b)({variant:v.variant})))},[e(d.$slots,`default`)],2),s(`div`,_,[e(d.$slots,`body`)])],2)]),v.closeButton?(c(),n(`button`,{key:0,class:`absolute rounded-full bg-card border border-border hover:bg-accent p-1 -top-2 -right-2 shadow-sm cursor-pointer`,onClick:S[0]||=e=>d.$emit(`close`)},[r(a(u),{class:`h-4 w-4`})])):o(``,!0)]),_:3})]),_:3},8,[`class`]))}};export{v as t};