"use strict";(globalThis.webpackChunkvoice_feedback=globalThis.webpackChunkvoice_feedback||[]).push([[560],{7140:(e,t,a)=>{a.r(t),a.d(t,{default:()=>d});var n=a(1609),o=a(739),r=a(6931),l=a(8927),s=a(9367),i=a(8156),u=a.n(i);const d=({globalData:e,onDataUpdate:t,openProModal:a,isPremium:i})=>{const[d,b]=(0,n.useState)(),{voiceFeedback:c,recordingTabs:g}=e,m=[{label:"Floating Button",value:"floatingButton"},c.isScreenRecord?{label:"Recording Tabs",value:"recordingTabs"}:null,{label:"Record Buttons",value:"buttons"}].filter(Boolean);return(0,n.useEffect)((()=>{!d&&m.length>0&&b(m[0].value)}),[d,m]),(0,n.createElement)(n.Fragment,null,(0,n.createElement)(n.Fragment,null,(0,n.createElement)("div",{className:"vfd-settings-sub-tab"},m.map((e=>(0,n.createElement)("button",{key:e.value,onClick:()=>{return t=e.value,void b(t);var t},className:"vfd-settings-sub-tab-button "+(d===e.value?"active":"")},(0,n.createElement)("span",{className:"vfd-settings-sub-tab-button-text"},e.label))))),(0,n.createElement)("div",{className:"vfd-tab-settings"},"floatingButton"===d&&(0,n.createElement)(n.Fragment,null,(0,n.createElement)(l.A,{title:"Drawer Colors",value:u()(e,"drawer.colors"),onChange:e=>t("drawer.colors",e)}),(0,n.createElement)(r.A,{title:"Drawer Headline Text Typography",value:u()(e,"drawer.drawerHeadlineTypo"),onChange:e=>t("drawer.drawerHeadlineTypo",e),isPremium:i,openProModal:a})),"recordingTabs"===d&&(0,n.createElement)(n.Fragment,null,g.buttons.isDisplayText&&(0,n.createElement)(r.A,{title:"Tab Text Typography",value:u()(e,"recordingTabs.buttons.typo"),onChange:e=>t("recordingTabs.buttons.typo",e),isPremium:i,openProModal:a}),g.buttons.isDisplayIcon&&!g.buttons.isDisplayText&&(0,n.createElement)(o.A,{title:"Tab Icon Size",value:u()(e,"recordingTabs.buttons.iconSize"),onChange:e=>t("recordingTabs.buttons.iconSize",e),subTitle:"Icon size of Tab Icon in PX"}),(0,n.createElement)(o.A,{title:"Tab Buttons Border Radius",value:u()(e,"recordingTabs.buttons.borderRadius"),onChange:e=>t("recordingTabs.buttons.borderRadius",e),subTitle:"Border radius of the buttons in PX"}),(0,n.createElement)(s.A,{title:"Tab Buttons Padding",name:"Padding",value:u()(e,"recordingTabs.buttons.padding"),onChange:e=>t("recordingTabs.buttons.padding",e)}),(0,n.createElement)(l.A,{title:"Active Recording Tab Colors",value:u()(e,"recordingTabs.activeRecordingTab"),onChange:e=>t("recordingTabs.activeRecordingTab",e)}),(0,n.createElement)(o.A,{title:"Tab Buttons Border Radius",value:u()(e,"recordingTabs.buttons.borderRadius"),onChange:e=>t("recordingTabs.buttons.borderRadius",e),subTitle:"Border radius of the buttons in PX"})),"buttons"===d&&(0,n.createElement)(n.Fragment,null,(0,n.createElement)(r.A,{title:"Button Text Typography",value:u()(e,"buttons.typo"),onChange:e=>t("buttons.typo",e),isPremium:!0,openProModal:a}),(0,n.createElement)(s.A,{title:"Buttons Padding",name:"Padding",value:u()(e,"buttons.padding"),onChange:e=>t("buttons.padding",e)}),(0,n.createElement)(l.A,{title:"Button Colors (Normal)",value:u()(e,"buttons.normal"),onChange:e=>t("buttons.normal",e)}),(0,n.createElement)(l.A,{title:"Button Colors (Hover)",value:u()(e,"buttons.hover"),onChange:e=>t("buttons.hover",e)}),(0,n.createElement)(o.A,{title:"Buttons Border Radius",value:u()(e,"buttons.borderRadius"),onChange:e=>t("buttons.borderRadius",e),subTitle:"Border radius of the buttons in PX"})))))}}}]);