var d=Object.defineProperty,m=Object.defineProperties;var n=Object.getOwnPropertyDescriptors;var a=Object.getOwnPropertySymbols;var p=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;var l=(s,e,t)=>e in s?d(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t,i=(s,e)=>{for(var t in e||(e={}))p.call(e,t)&&l(s,t,e[t]);if(a)for(var t of a(e))c.call(e,t)&&l(s,t,e[t]);return s},r=(s,e)=>m(s,n(e));import{j as o}from"./react-vendor-xYZnmIII.js";import{L as u}from"./ui-components-CQM92IK3.js";import{useEditor as x}from"./use-editor-CiTCcx1l.js";import{T as g}from"./app-B0Gyh6vc.js";import"./inertia-vendor-cBbDTmhJ.js";import"./ui-vendor-Ds9iwIxa.js";import"./interactive-vendor-B1OgcAgP.js";import"./editor-provider-0C4WlrME.js";import"./v4-DsPse6Vr.js";/* empty css            */const v=()=>{const{editor:s,dispatch:e}=x();return o.jsxs("div",{className:"flex flex-col gap-2 px-[1px]",children:[o.jsx(u,{children:"CSS/Tailwind Classes"}),o.jsx(g,{id:"className",placeholder:"e.g. flex gap-4 rounded-lg shadow-md",value:s.editor.selectedElement.className||"",onChange:t=>{e({type:"UPDATE_ELEMENT",payload:{elementDetails:r(i({},s.editor.selectedElement),{className:t})}})}}),o.jsx("p",{className:"text-muted-foreground text-xs",children:"Type to see Tailwind CSS autocomplete suggestions. Use ↑↓ arrows to navigate, Enter/Tab to select. Use only the suggested Tailwind classes for proper styling. Classes without suggestions will be consider as custom CSS classes."})]})};export{v as default};
