import{r as m,a as i,j as s,_ as t,d as c}from"./main-634.js";import{t as l}from"./bf-275-83.js";import n from"./bf-534-232.js";import"./bf-535-182.js";import"./bf-432-274.js";import"./bf-400-72.js";import"./bf-25-81.js";import"./bf-438-114.js";import"./bf-577-275.js";import"./bf-570-251.js";import"./bf-534-247.js";import"./bf-299-245.js";function v(){const[e,a]=m.useState({show:!1,msg:""}),{css:r}=i(),o=()=>{a({show:!1})};return s.jsxs("div",{className:"pos-rel",children:[s.jsx("div",{className:"flx mt-4",children:s.jsx("h2",{className:"m-0",children:t("Custom CSS/JS")})}),s.jsxs("h5",{className:"mt-3",children:[t("How to add Custom CSS/JS:"),s.jsx("a",{href:l.customCssJs.link,target:"_blank",rel:"noreferrer",className:"yt-txt ml-1 mr-1",children:t("YouTube")}),s.jsx("a",{href:l.customCssJsDoc.link,target:"_blank",rel:"noreferrer",className:"doc-txt",children:t("Documentation")})]}),s.jsxs("div",{className:r({mnw:600,w:"80%"}),children:[s.jsx("p",{className:r({mt:0,cr:"var(--bf-text-clr-darkgray)"}),children:t("You can write your custom CSS/JS her. This CSS/JS will be applied in this form only.")}),s.jsx("div",{className:r({b:"1px solid #ebebeb",brs:4,p:10}),children:s.jsx(n,{height:"450px"})})]}),s.jsx(c,{className:"custom-conf-mdl",mainMdlCls:"o-v",btnClass:"red",btnTxt:"Close",show:e.show,close:o,action:o,title:"Sorry",children:s.jsx("div",{className:"txt-center",children:e.msg})})]})}export{v as default};
