https://chatbot-arena.web.app/assets/index-gLWZYFsK.js

1import{b as T,g as R,s as v,_ as p,r as x,d as A,e as E,j as t,f as F,h as I,u as g,B as f,t as c,S as u}from"./index-CW3ZVuYp.js";import{C as w}from"./Card-B7tHUo2J.js";import{C as k}from"./CardContent-B0hVdvMd.js";import{T as h}from"./Typography-B2fWctET.js";import{C as B,A as O}from"./index-DGao4sV5.js";import{G as y}from"./Grid-DmkpyotN.js";import"./IconButton-B_QotuWa.js";import"./ButtonBase--brzoBDy.js";import"./useIsFocusVisible-BbVRQ18x.js";import"./useTheme-C2sIMSvS.js";import"./MailSearch-VwtMv2FW.js";import"./Alert-DYIgmcqC.js";import"./useSlot-1K7_LBh6.js";function _(o){return R("MuiCardMedia",o)}T("MuiCardMedia",["root","media","img"]);const z=["children","className","component","image","src","style"],D=o=>{const{classes:s,isMediaComponent:n,isImageComponent:i}=o;return I({root:["root",n&&"media",i&&"img"]},_,s)},N=v("div",{name:"MuiCardMedia",slot:"Root",overridesResolver:(o,s)=>{const{ownerState:n}=o,{isMediaComponent:i,isImageComponent:a}=n;return[s.root,i&&s.media,a&&s.img]}})(({ownerState:o})=>p({display:"block",backgroundSize:"cover",backgroundRepeat:"no-repeat",backgroundPosition:"center"},o.isMediaComponent&&{width:"100%"},o.isImageComponent&&{objectFit:"cover"})),W=["video","audio","picture","iframe","img"],G=["picture","img"],P=x.forwardRef(function(s,n){const i=A({props:s,name:"MuiCardMedia"}),{children:a,className:l,component:e="div",image:d,src:r,style:C}=i,S=E(i,z),m=W.indexOf(e)!==-1,j=!m&&d?p({backgroundImage:`url("${d}")`},C):C,b=p({},i,{component:e,isMediaComponent:m,isImageComponent:G.indexOf(e)!==-1}),M=D(b);return t.jsx(N,p({className:F(M.root,l),as:e,role:!m&&d?"img":void 0,ref:n,style:j,ownerState:b,src:m?d||r:void 0},S,{children:a}))}),U=({title:o,image:s,alt:n,isSelected:i,onClick:a})=>{const{selectedTheme:l}=g(),e=c[l];return t.jsxs(w,{sx:{border:i?e.border.themeCardBorderSelected:e.border.themeCardBorder,borderRadius:"10px",overflow:"hidden",boxShadow:"none",position:"relative",cursor:"pointer",p:1,backgroundColor:e.background.themeCard},onClick:a,children:[t.jsx(P,{component:"img",height:"100%",image:s,alt:n,sx:{objectFit:"contain",width:"100%"}}),t.jsx(k,{sx:{textAlign:"left",px:0},children:t.jsx(h,{variant:"h6",sx:{color:e.text.primary,fontFamily:e.fontFamily,fontWeight:e.fontWeight,fontSize:14},children:o})}),t.jsx(f,{sx:{position:"absolute",bottom:"20px",right:"10px",width:"20px",height:"20px",border:"2px solid #5C5C5C",borderRadius:"50%",bgcolor:i?"#63DDB7":"transparent",display:"flex",alignItems:"center",justifyContent:"center"}})]})},oe=()=>{const{toggleTheme:o}=g(),[s,n]=x.useState(null),[i,a]=x.useState(!1),{selectedTheme:l}=g(),e=c[l];x.useEffect(()=>{const r=localStorage.getItem("selectedTheme");r&&n(r)},[o]);const d=r=>{n(r),o(r),a(!0),setTimeout(()=>{a(!1)},5e3)};return t.jsxs(f,{sx:{display:"flex",height:"100%",bgcolor:e.background.answer,flexDirection:"column",padding:"20px",mt:{xs:7,sm:0},borderRadius:"10px",border:s===u.SMART_BEAR?"1px solid #F0F2F5":"3px solid #5C5C5C",boxShadow:s===u.SMART_BEAR?"0px 1px 3px rgba(25, 33, 61, 0.1)":"none"},children:[t.jsx(B,{in:i,sx:{position:"fixed",mt:2,left:"50%",transform:"translate(-50%, -50%)",display:"flex",justifyContent:"center",width:{xs:"80%",sm:"40%"},zIndex:999},children:t.jsx(O,{setOpen:a,text:`Selected ${s==="SMART_BEAR"?"SMART BEAR":"AGGRESIVE BEAR"} theme!`,width:"40%"})}),t.jsx(h,{variant:"h6",sx:{color:e.text.primary,fontSize:"36px",fontFamily:e.fontFamily,fontWeight:600},children:"Settings"}),t.jsxs(f,{sx:{mt:3},children:[t.jsx(h,{variant:"h6",sx:{color:e.text.primary,fontSize:24,fontFamily:e.fontFamily,fontWeight:600},children:"UI Theme"}),t.jsx(h,{variant:"h6",sx:{color:e.text.primary,fontSize:16,fontFamily:e.fontFamily,fontWeight:600},children:"Customize your workplace here."})]}),t.jsx(y,{container:!0,spacing:3,sx:{mt:3},children:Object.values(u).map(r=>t.jsx(y,{item:!0,xs:12,sm:6,md:4,children:t.jsx(U,{title:c[r].title,image:c[r].image,alt:c[r].alt,isSelected:s===r,onClick:()=>d(r)})},r))})]})};export{oe as default};