!function(){"use strict";var e=window.wp.element,t=window.wp.components,l=window.React,n=window.wp.primitives,a=(0,l.createElement)(n.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,l.createElement)(n.Path,{d:"M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"})),c=(0,l.createElement)(n.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,l.createElement)(n.Path,{d:"M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"})),s=(0,l.createElement)(n.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,l.createElement)(n.Path,{d:"M11 12.5V17.5H12.5V12.5H17.5V11H12.5V6H11V11H6V12.5H11Z"})),o=function({title:l,slug:n="",initialOpen:o=!1,onClickAddButton:r=null,children:i}){const[d,m]=(0,e.useState)(o),w="0out;0shad;pl:10px;c:tccText;bold";return(0,e.createElement)("div",{className:"dragblock-panel"+(n?` dragblock-panel-${n}`:"")+(d?" is-opened":" is-closed")},(0,e.createElement)("div",{className:"panel-header",tocss:"flex;aic;jc:btw;:hover{bg:tccOverlay/10a}"},(0,e.createElement)(t.Button,{className:"panel-toggle",tocss:w,onClick:()=>{m(!d)}},(0,e.createElement)(t.Icon,{tocss:"l:-5px",icon:d?a:c}),(0,e.createElement)("span",null,l)),(0,e.createElement)("div",{className:"extra-buttons"},r&&(0,e.createElement)(t.Button,{className:"panel-add-item",tocss:w,onClick:r},(0,e.createElement)(t.Icon,{icon:s})))),d&&(0,e.createElement)("div",{className:"panel-body"},i))};function r(){return(0,e.createElement)(o,{title:"Style Presets",slug:"style-presets",onClickAddButton:()=>{console.log("Add Style Preset button clicked")}},(0,e.createElement)("span",null,"Select a Style Preset to apply:"))}wp.hooks.addFilter("dragblock.global.sidebar.panels","dragblock/style-presets",(e=>[...e,r]))}();