import{j as s}from"./vendor-react-wBh_31cN.js";import{R as t}from"./index-BKr2rJhV.js";import{h as l,i,j as n}from"./trinoUtils-DN18CYax.js";const p=({query:e})=>{const o=l(e),a=i(e),r=n(e);return s.jsxs("div",{className:"flex flex-row w-full gap-px",children:[s.jsx(t,{className:"whitespace-nowrap p-[3px]",style:{background:a},children:o}),s.jsx("div",{className:"flex-1",children:s.jsx("div",{className:"h-6 transition-[width] duration-200 ease-linear",style:{background:a,width:`${r}%`},children:s.jsxs(t,{className:"ml-auto block p-[3px]",children:[r,"%"]})})})]})};export{p as Q};
