import{Jt as e,Tn as t,ri as n}from"./vendor-DU4C2Mru.js";import{vt as r}from"./index-B7s3VjPV.js";var i=n();function a({message:n=`Failed to load data`,onRetry:a,className:o}){return(0,i.jsxs)(`div`,{role:`alert`,className:r(`relative overflow-hidden rounded-xl border border-[var(--border-color)]`,`flex flex-col items-center justify-center gap-3 py-10 px-6 text-center`,o),style:{backgroundImage:`radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--glk-brand) 10%, transparent), transparent 60%)`},children:[(0,i.jsx)(`div`,{className:`inline-flex h-10 w-10 items-center justify-center rounded-full border border-red-500/20 bg-red-500/10 text-red-500`,children:(0,i.jsx)(e,{size:20,strokeWidth:1.75})}),(0,i.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,i.jsx)(`div`,{className:`glk-eyebrow text-zinc-500 dark:text-zinc-400`,children:`Error`}),(0,i.jsx)(`div`,{className:`glk-h4 text-zinc-800 dark:text-zinc-100`,children:n})]}),a&&(0,i.jsxs)(`button`,{onClick:a,className:`inline-flex items-center gap-1.5 rounded-md bg-[var(--glk-brand)] px-3.5 py-1.5 text-xs font-semibold uppercase tracking-wide text-white transition-opacity hover:opacity-90`,children:[(0,i.jsx)(t,{size:12}),`Try again`]})]})}export{a as t};