import{j as r,q as e,c as o}from"./index-C6OVXshM.js";import{h as i,i as x,j as c}from"./trinoUtils-CkYt6rPZ.js";const h=({query:s})=>{const n=i(s),t=x(s),a=c(s);return r.jsxs(e,{flexDirection:"row",width:"100%",gap:"1px",children:[r.jsx(o,{sx:{background:t,whiteSpace:"nowrap"},p:"3px",children:n}),r.jsx(e,{sx:{flex:"1"},children:r.jsx(e,{sx:{background:t,width:`${a}%`,transition:"width 200ms linear",height:"24px"},children:r.jsxs(o,{ml:"auto",p:"3px",children:[a,"%"]})})})]})};export{h as Q};
