https://enlite-static.netlify.app/5450.1c86ccd0b46fefc3517a.chunk.js

1"use strict";(self.webpackChunkenlite_prime=self.webpackChunkenlite_prime||[]).push([[5450],{35450:(e,t,o)=>{o.r(t),o.d(t,{default:()=>ne});var i,n=o(77810),a=o(58615),r=o(60288),l=o(6248),s=o.n(l),c=o(4621),d=o.n(c),p=o(41169),m=o(65485),f=o.n(m),u=o(76025),v=o.n(u),g=o(4222),y=o.n(g),h=o(19501),b=(o(75826),o(32444)),S=o.n(b),w=o(37297),x=o.n(w),k=o(25503),A=o(60209),N=o(27447),C=o(82664),j=o.n(C),I=o(42631),_=o.n(I),B=o(21245),$=o.n(B),W=o(39458),z=o.n(W),O=o(62981);function L(e,t,o,n){i||(i="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var a=e&&e.defaultProps,r=arguments.length-3;if(t||0===r||(t={children:void 0}),1===r)t.children=n;else if(r>1){for(var l=new Array(r),s=0;s<r;s++)l[s]=arguments[s+3];t.children=l}if(t&&a)for(var c in a)void 0===t[c]&&(t[c]=a[c]);else t||(t=a||{});return{$$typeof:i,type:e,key:void 0===o?null:""+o,ref:null,props:t,_owner:null}}function M(){return M=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var i in o)Object.prototype.hasOwnProperty.call(o,i)&&(e[i]=o[i])}return e},M.apply(this,arguments)}const D=n.forwardRef((function(e,t){return n.createElement(O.default,M({direction:"up",ref:t},e))})),E=(e,t)=>{let o=e;"3d_rotation"===e&&(o="three_d_rotation");const i=o.split("_");for(let e=0;e<i.length;e+=1)i[e]=i[e].charAt(0).toUpperCase()+i[e].slice(1);return t?i.join(" "):i.join("")},P=(0,r.n9)()((e=>({code:{fontSize:12,padding:"5px !important",direction:"ltr"},divider:{display:"block",margin:`${e.spacing(3)} 0`},bigIcon:{textAlign:"center",marginBottom:30,color:e.palette.text.primary,"& span":{fontSize:128}},title:{marginBottom:40,fontSize:22,paddingBottom:20,position:"relative",fontWeight:500,color:e.palette.grey[700],textTransform:"uppercase","&:after":{content:'""',display:"block",position:"absolute",bottom:0,left:24,width:40,borderBottom:`5px solid ${e.palette.primary.main}`}}})));var T=L(d(),{variant:"subtitle1",gutterBottom:!0},void 0,"Use with Font Icons"),U=L(d(),{variant:"subtitle1",gutterBottom:!0},void 0,"Use with SVG Material icons");const R=function(e){k.A.registerLanguage("jsx",A.A);const{classes:t}=P(),{isOpenDetail:o,iconName:i,iconCode:n,closeDetail:a}=e,r="<Icon>"+i+"</Icon>",l="import "+E(i,!1)+" from '@mui/icons-material/"+E(i,!1)+"';",s="<"+E(i,!1)+" />";return L(j(),{open:o,TransitionComponent:D,keepMounted:!0,maxWidth:"md",onClose:a,"aria-labelledby":"alert-dialog-slide-title","aria-describedby":"alert-dialog-slide-description"},void 0,L(z(),{id:"alert-dialog-slide-title",className:t.title},void 0,E(i,!0),"\xa0 (",n,")"),L($(),{},void 0,L("div",{className:t.bigIcon},void 0,L(v(),{className:t.icon},void 0,i)),T,L(k.A,{className:t.code,language:"jsx",style:N.A},void 0,'<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />'),L(k.A,{className:t.code,language:"jsx",style:N.A},void 0,"import Icon from '@mui/material/Icon';"),L(k.A,{className:t.code,language:"jsx",style:N.A},void 0,r),L(x(),{className:t.divider}),U,L(k.A,{className:t.code,language:"jsx",style:N.A},void 0,l),L(k.A,{className:t.code,language:"jsx",style:N.A},void 0,s)),L(_(),{},void 0,L(S(),{onClick:a,color:"primary"},void 0,"Close")))};var q,F=o(62644),G=o.n(F),H=o(77246),J=o.n(H),V=o(89247),K=o.n(V),Q=o(56307);function X(e,t,o,i){q||(q="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=i;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];t.children=r}if(t&&n)for(var s in n)void 0===t[s]&&(t[s]=n[s]);else t||(t=n||{});return{$$typeof:q,type:e,key:void 0===o?null:""+o,ref:null,props:t,_owner:null}}const Y=(0,r.n9)()((e=>({search:{display:"block",background:e.palette.background.paper,marginBottom:10,borderRadius:e.rounded.medium,boxShadow:e.shadows[2],"& > div":{width:"100%",border:"none"},"& input":{padding:"16px"}}})));var Z=X(J(),{position:"end"},void 0,X(f(),{"aria-label":"Search filter",size:"large"},void 0,X(Q.default,{})));const ee=function(e){const{filterText:t,handleSearch:o}=e,{classes:i}=Y();return X(K(),{variant:"standard",fullWidth:!0,className:i.search},void 0,X(G(),{id:"search_filter",type:"text",placeholder:"Search more than 800 icons",value:t,onChange:o,endAdornment:Z}))};var te;function oe(e,t,o,i){te||(te="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(t||0===a||(t={children:void 0}),1===a)t.children=i;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];t.children=r}if(t&&n)for(var s in n)void 0===t[s]&&(t[s]=n[s]);else t||(t=n||{});return{$$typeof:te,type:e,key:void 0===o?null:""+o,ref:null,props:t,_owner:null}}const ie=(0,r.n9)()((e=>({hide:{display:"none"},iconsList:{display:"flex",flexWrap:"wrap",justifyContent:"space-between",[e.breakpoints.down("sm")]:{justifyContent:"center"},overflow:"auto",maxHeight:1e3,position:"relative"},iconWrap:{position:"relative",width:120,margin:20,[e.breakpoints.down("sm")]:{margin:10},textAlign:"center"},btn:{display:"block",textAlign:"center",margin:"0 auto"},icon:{fontSize:48},preloader:{width:"100%"}})));

1const ne=function(){const[e,t]=(0,n.useState)([]),[o,i]=(0,n.useState)(!1),[r,l]=(0,n.useState)(!1),[c,m]=(0,n.useState)(""),[u,g]=(0,n.useState)(""),[b,S]=(0,n.useState)("");(0,n.useEffect)((()=>{i(!0),p.A.get("/api/icons?src=material-icon.txt").then((e=>e.data.records[0].source)).then((e=>e.split("\n").map((e=>{const t=e.split(" ");return{name:t[0],code:t[1]}})))).then((e=>{t(e),i(!1)}))}),[]);const w=s().name+" - UI Elements",x=s().desc,{classes:k}=ie();return oe("div",{},void 0,oe(a.mg,{},void 0,oe("title",{},void 0,w),oe("meta",{name:"description",content:x}),oe("meta",{property:"og:title",content:w}),oe("meta",{property:"og:description",content:x}),oe("meta",{property:"twitter:title",content:w}),oe("meta",{property:"twitter:description",content:x})),oe(h.SJ,{title:"Material Icons",icon:"ion-ios-flag-outline",desc:"Material icons are delightful, beautifully crafted symbols for common actions and items. System icons are designed to be simple, modern, friendly, and sometimes quirky. Each icon is reduced to its minimal form, expressing essential characteristics."},void 0,oe("div",{},void 0,o&&oe(y(),{color:"secondary",className:k.preloader}),oe(ee,{filterText:b,handleSearch:e=>(e=>{e.persist(),S(e.target.value.toLowerCase())})(e)}),oe("div",{className:k.iconsList},void 0,e.map(((e,t)=>-1!==e.name.toLowerCase().indexOf(b)&&oe("div",{className:k.iconWrap},t.toString(),oe(f(),{title:"Click to see detail",onClick:()=>{return t=e.name,o=e.code,l(!0),m(t),void g(o);var t,o},className:k.btn,size:"large"},void 0,oe(v(),{className:k.icon},void 0,e.name)),oe(d(),{gutterBottom:!0,noWrap:!0},void 0,e.name)))),oe(R,{closeDetail:()=>{l(!1)},isOpenDetail:r,iconName:c,iconCode:u})))))}}}]);