import{w as m,a as n,o as e}from"./chunk-NL6KNZEE-DfxmOBHd.js";import"./AppProvider-ClLlKpPN.js";import{A as l}from"./AsyncButton-Dzd9rf7C.js";import{A as d,T as p,a as x}from"./TopArtists-DsmxemQL.js";import{A as f,L as u}from"./LastPlays-DfLSXjsC.js";import{T as g}from"./TopTracks-YVqQu31k.js";import{u as h}from"./useTheme-CRMMMnig.js";import"./api-BuTqLiNI.js";import"./TopItemList-BRD-rnKC.js";import"./ArtistLinks-B4A9lGBW.js";import"./createLucideIcon-Bp-vR5YK.js";import"./utils-BqohOHgI.js";const U=m(function(){const o={bg:"#1e1816",bgSecondary:"#2f2623",bgTertiary:"#453733",fg:"#f8f3ec",fgSecondary:"#d6ccc2",fgTertiary:"#b4a89c",primary:"#f5a97f",primaryDim:"#d88b65",accent:"#f9db6d",accentDim:"#d9bc55",error:"#e26c6a",warning:"#f5b851",success:"#8fc48f",info:"#87b8dd"},[r,t]=n.useState(JSON.stringify(o,null,"  ")),{setCustomTheme:i}=h(),c=()=>{console.log(r);try{const s=JSON.parse(r);console.log(s),i(s)}catch(s){console.log(s)}},a=3;return e.jsxs("div",{className:"mt-10 flex flex-col gap-10 items-center",children:[e.jsxs("div",{className:"flex gap-5",children:[e.jsx(d,{}),e.jsx(f,{})]}),e.jsxs("div",{className:"flex flex-wrap 2xl:gap-20 xl:gap-10 justify-around gap-5",children:[e.jsx(p,{period:"all_time",limit:a}),e.jsx(x,{period:"all_time",limit:a}),e.jsx(g,{period:"all_time",limit:a}),e.jsx(u,{limit:Math.floor(a*2.5)})]}),e.jsxs("div",{className:"flex gap-10",children:[e.jsxs("div",{className:"flex flex-col items-center gap-3 bg-secondary p-5 rounded-lg",children:[e.jsx("textarea",{name:"custom-theme",onChange:s=>t(s.target.value),id:"custom-theme-input",className:"bg-(--color-bg) w-[300px] p-5 h-full rounded-md",value:r}),e.jsx(l,{onClick:c,children:"Submit"})]}),e.jsxs("div",{className:"flex flex-col gap-6 bg-secondary p-10 rounded-lg",children:[e.jsxs("div",{className:"flex flex-col gap-4 items-center",children:[e.jsxs("p",{children:['You"re logged in as ',e.jsx("strong",{children:"Example User"})]}),e.jsx(l,{loading:!1,onClick:()=>{},children:"Logout"})]}),e.jsxs("div",{className:"flex flex gap-4",children:[e.jsx("input",{name:"koito-update-username",type:"text",placeholder:"Update username",className:"w-full mx-auto fg bg rounded p-2"}),e.jsx(l,{loading:!1,onClick:()=>{},children:"Submit"})]}),e.jsxs("div",{className:"flex flex gap-4",children:[e.jsx("input",{name:"koito-update-password",type:"password",placeholder:"Update password",className:"w-full mx-auto fg bg rounded p-2"}),e.jsx("input",{name:"koito-confirm-password",type:"password",placeholder:"Confirm password",className:"w-full mx-auto fg bg rounded p-2"}),e.jsx(l,{loading:!1,onClick:()=>{},children:"Submit"})]}),e.jsxs("div",{className:"flex gap-2 mt-3",children:[e.jsx("input",{type:"checkbox",name:"reverse-merge-order",onChange:()=>{}}),e.jsx("label",{htmlFor:"reverse-merge-order",children:"Example checkbox"})]}),e.jsx("p",{className:"success",children:"successfully displayed example text"}),e.jsx("p",{className:"error",children:"this is an example of error text"}),e.jsx("p",{className:"info",children:"here is an informational example"}),e.jsx("p",{className:"warning",children:"heed this warning, traveller"})]})]})]})});export{U as default};
