https://www.smarty.com/_next/static/chunks/pages/admin-dashboard/d…/avatars-560b1c6c775d1168.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[17351],{28398:s=>{s.exports={avatarContainer:"accountAvatar_avatarContainer__sF7B_",circleMain:"accountAvatar_circleMain__2jI2X",circleLarge:"accountAvatar_circleLarge__taUCS",circleSmall:"accountAvatar_circleSmall__w_VkJ"}},46308:(s,e,d)=>{"use strict";d.r(e),d.d(e,{default:()=>l});var a=d(37876),r=d(85959),i=d(49754),n=d(52346),c=d.n(n),t=d(95786),h=d.n(t);let l=()=>{let s=[];for(let e=0;e<200;e++)s.push((0,a.jsx)(i.A,{accountId:0x1c3561f3f83+e},e));return(0,a.jsxs)("main",{id:"main-content",tabIndex:-1,className:c().main,children:[(0,a.jsx)(r.A,{title:"Design System - Account Dashboard - Account Avatars"}),(0,a.jsx)("div",{className:h().container,children:s})]})}},49754:(s,e,d)=>{"use strict";d.d(e,{A:()=>l});var a=d(37876),r=d(14232),i=d(75799),n=d(28398),c=d.n(n);let t=[0,1],h={c1:"",c2:""},l=({accountId:s})=>{let e=[{c1:"hsl(226, 100%, 24%)",c2:"hsl(216, 100%, 50%)"},{c1:"hsl(216, 100%, 50%)",c2:"hsl(213, 100%, 78%)"},{c1:"hsl(216, 100%, 50%)",c2:"hsl(257, 100%, 84%)"},{c1:"hsl(216, 100%, 50%)",c2:"hsl(182, 80%, 74%)"},{c1:"hsl(183, 62%, 53%)",c2:"hsl(132, 73%, 71%)"},{c1:"hsl(135, 57%, 54%)",c2:"hsl(56, 95%, 77%)"},{c1:"hsl(338, 89%, 65%)",c2:"hsl(21, 100%, 80%)"},{c1:"hsl(260, 100%, 69%)",c2:"hsl(341, 100%, 84%)"}],d=[[0,1],[2,3],[4,5],[6,7],[1,0],[3,2],[5,4],[7,6],[7,6],[3,4],[4,3],[6,7],[1,2],[2,1],[1,3],[0,3]],[n,l]=(0,r.useState)(0),[o,m]=(0,r.useState)(0),[x,j]=(0,r.useState)(0),[u,g]=(0,r.useState)(0),[b,y]=(0,r.useState)(0),[A,_]=(0,r.useState)(t),[f,p]=(0,r.useState)(0),[C,v]=(0,r.useState)(0),[S,w]=(0,r.useState)(0),[k,B]=(0,r.useState)(20);(0,r.useEffect)(()=>{(async()=>{let e=String(s),a=await (0,i.t)(e,d.length-1),r=d[a];r&&_(r),l(await (0,i.t)(e,360)),m(await (0,i.t)(e+"A",360)),j(await (0,i.t)(e+"B",360)),g(await (0,i.t)(e+"C",360)),y(await (0,i.t)(e+"D",360)),B(await (0,i.t)(e,20)+10),p(await (0,i.t)(e,1)),v(await (0,i.t)(e+"E",1)),w(await (0,i.t)(e+"F",1))})()},[s]);let P=(s=0)=>e[A[s]??0]??h;return(0,a.jsxs)("div",{className:c().avatarContainer,style:{transform:`rotate(${n}deg)`},children:[(0,a.jsx)("div",{className:c().circleMain,style:{background:`linear-gradient(${o}deg, ${P(f).c1} 0%, ${P(f).c2} 100%`}}),(0,a.jsx)("div",{className:c().circleLarge,style:{background:`linear-gradient(${x}deg, ${P(C).c1} 0%, ${P(C).c2} 100%)`,left:`${k}px`}}),(0,a.jsx)("div",{className:c().circleSmall,style:{background:`linear-gradient(${u}deg, ${P(S).c1} 0%, ${P(S).c2} 100%)`,left:`${k-37}px`,transform:`rotate(${b}deg)`}})]})}},52346:s=>{s.exports={main:"design-system_main__V27PU",star:"design-system_star__OG3vo",specialPin:"design-system_specialPin__bdwav",grayBackground:"design-system_grayBackground__GEs7m",marginSpacing:"design-system_marginSpacing__C_3Ay",white:"design-system_white__tNs57",accountBlueBackgroun

1d:"design-system_accountBlueBackground__l6fqj",midnightBlueBackground:"design-system_midnightBlueBackground__KcXA8",image:"design-system_image__HHHYS"}},61812:(s,e,d)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/admin-dashboard/design-system/account-dashboard/avatars",function(){return d(46308)}])},85959:(s,e,d)=>{"use strict";d.d(e,{A:()=>h});var a=d(37876),r=d(93893),i=d(14232),n=d(35063),c=d(89099),t=d(51786);let h=({title:s=""})=>{let e=(0,c.useRouter)(),[d,h]=(0,i.useState)(e.asPath.startsWith("/admin-dashboard/design-system/cards")),[l,o]=(0,i.useState)(e.asPath.startsWith("/admin-dashboard/design-system/account-dashboard/cards")),[m,x]=(0,i.useState)(e.asPath.startsWith("/admin-dashboard/design-system/misc"));return(0,a.jsxs)(r.A,{children:[(0,a.jsxs)("h1",{children:["Design System ",s?`- ${s}`:""]}),(0,a.jsx)("hr",{}),(0,a.jsxs)("ul",{children:[(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/buttons",children:"Buttons"})}),(0,a.jsxs)("li",{children:[(0,a.jsx)("strong",{children:(0,a.jsxs)(n.A,{onClick:()=>{h(!d)},children:["Cards\xa0",d?(0,a.jsx)(t.I,{icon:"iconChevronUp-16"}):(0,a.jsx)(t.I,{icon:"iconChevronDown-16"})]})}),d&&(0,a.jsxs)("ul",{children:[(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/cards/pros-cons-cards",children:"ProConsCard"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/cards/api-card-light",children:"ApiCardLight"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/cards/benefits-one",children:"BenefitsOne"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/cards/dev-card-dark",children:"DevCardDark"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/cards/documents",children:"DocumentsCard"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/cards/features-one",children:"FeaturesOne"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/cards/horizontal",children:"HorizontalCard"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/cards/our-results-two",children:"OurResultsTwoCard"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/cards/product-card",children:"ProductCard"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/cards/quip-one-card",children:"QuipOneCard"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/cards/order-receipt-modal",children:"OrderReceiptModal"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/cards/quick-guide-card",children:"QuickGuideCard"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/cards/resources-one-card",children:"ResourcesOneCard"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/cards/resources-two-card",children:"ResourcesTwoCard"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/cards/testimonials-card",children:"TestimonialsCard"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/cards/pricing-card",children:"PricingCard"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/cards/color-swatch-card",children:"ColorSwatch"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/cards/text-card",children:"TextCard"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/cards/smarty-asset-card",children:"SmartyAssetCard"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/cards/order-summary",children:"Order Summary"})})]})]}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/icons",children:"Icons"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/typography",children:"Typography"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/page-sections",children:"Page Sections"})}),(0,a.jsxs)("li",{children:[(0,a.jsx)("strong",{children:(0,a.jsxs)(n.A,{onClick:()=>{x(!m)},children:["Misc\xa0",m?(0,a.jsx)(t.I,{icon:"iconChevronUp-16"}):(0,a.jsx)(t.I,{icon:"iconChevronDown-16"})]})}),m&&(0,a.jsxs)("ul",{children:[(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/misc/media-one",children:"MediaOne"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/misc/media-right-three",children:"MediaRightThree"})})]})]}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/controls",children:"Controls"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/demos",children:"Demos"})})]}),(0,a.jsx)("hr",{}),(0,a.jsxs)("div",{children:["Account Dashboard",(0,a.jsxs)("ul",{children:[(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/account-dashboard/typography",children:"Typography"})}),(0,a.jsxs)("li",{children:[(0,a.jsx)("strong",{children:(0,a.jsxs)(n.A,{onClick:()=>{o(!l)},children:["Cards\xa0",l?(0,a.jsx)(t.I,{icon:"iconChevronUp-16"}):(0,a.jsx)(t.I,{icon:"iconChevronDown-16"})]})}),l&&(0,a.jsxs)("ul",{children:[(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/account-dashboard/cards/dashboard-product-subscription",children:"DashboardProductSubscription"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/account-dashboard/cards/subscriptions-product-subscription",children:"SubscriptionsProductSubscription"})})]})]}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/account-dashboard/progress-bars",children:"Progress Bars"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/account-dashboard/dashboard-modal",children:"DashboardModal"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/account-dashboard/inputs",children:"Inputs"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/account-dashboard/avatars",children:"Avatars"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/account-dashboard/control

1s",children:"Controls"})}),(0,a.jsx)("li",{children:(0,a.jsx)(n.A,{href:"/admin-dashboard/design-system/account-dashboard/themes",children:"Themes"})})]})]}),(0,a.jsx)("hr",{})]})}},95786:s=>{s.exports={container:"avatars_container__lUf8z"}}},s=>{s.O(0,[90636,46593,38792],()=>s(s.s=61812)),_N_E=s.O()}]);