import{g as b,a as x,i as d,aX as A,aH as h,H as j,r as B,j as l,_ as s,f as m,bG as S}from"./main-634.js";import{F as c}from"./bf-767-388.js";import{S as $}from"./bf-982-242.js";import"./bf-25-81.js";import"./bf-497-246.js";import"./bf-641-107.js";import"./bf-400-72.js";import"./bf-438-114.js";const _=[{name:s("Left"),value:"start"},{name:s("Center"),value:"center"},{name:s("Right"),value:"end"},{name:s("Space Between"),value:"space-between"}];function k(){const{fieldKey:e}=b(),{css:i}=x(),[C,u]=d(A),[o,p]=d(h),n=j(o[e]),[f,g]=B.useState(n.btnAlign);function v(t){const{value:a}=t.target;u(r=>m(r,y=>{y.fields[e].classes[`.${e}-ctrl`]["justify-content"]=a})),n.btnAlign=a,p(m(o,r=>{r[e]=n})),g(a),S({event:`Button Alignment changed to ${a}: ${n.txt}`,type:"set_btn_align",state:{fields:o,fldKey:e}})}return l.jsx($,{id:"btn-algn",title:s("Button Align"),className:i(c.fieldSection),open:!0,children:l.jsx("div",{className:i(c.placeholder),children:l.jsx("select",{"data-testid":"btn-algn-slct",className:i(c.input),name:"",id:"",value:f,onChange:v,children:_.map(t=>l.jsx("option",{value:t.value,children:t.name},`btcd-k-${t.name}`))})})})}export{k as default};
