import{j as s,T as d,I as x,n as u,o as j,r as h,i as p}from"./vendor-mui-69397583.js";import{r as D}from"./vendor-react-ece1c85f.js";import{aB as I,cu as f,cv as C,cw as y}from"./index-c62ac197.js";const L=({density:c,setDensity:r})=>{const[t,n]=D.useState(null),a=!!t,l=e=>{n(e.currentTarget)},o=()=>{n(null)},i=e=>{r(e),o()},m={compact:s.jsx(f,{}),standard:s.jsx(C,{}),comfortable:s.jsx(y,{})};return s.jsxs(s.Fragment,{children:[s.jsx(d,{title:"Density",children:s.jsx(x,{onClick:l,children:s.jsx(I,{style:{fontSize:15}})})}),s.jsx(u,{anchorEl:t,open:a,onClose:o,children:["compact","standard","comfortable"].map(e=>s.jsxs(j,{selected:c===e,onClick:()=>i(e),children:[s.jsx(h,{children:m[e]}),s.jsx(p,{primary:e.charAt(0).toUpperCase()+e.slice(1)})]},e))})]})};export{L as D};
