%PDF-
%PDF-
Mini Shell
Mini Shell
(this["webpackJsonpfuse-react-app"]=this["webpackJsonpfuse-react-app"]||[]).push([[208],{2671:function(e,t,c){"use strict";c.r(t);var s=c(163),a=c(1098),l=c(1090),n=c(548),r=c(193),i=c(43),j=c(1099),m=c(194),o=c(50),x=c.n(o),f=c(0),d=c(1);t.default=function(){const e=Object(i.a)(),[t,c]=Object(f.useState)(""),[o,u]=Object(f.useState)(null),[h,b]=Object(f.useState)(null);function O(e){c(e.target.value)}return Object(f.useEffect)((()=>{x.a.get("/api/icons").then((e=>{u(e.data)}))}),[]),Object(f.useEffect)((()=>{b(t.length>0?o.filter((e=>{if(e.name.includes(t))return!0;for(let c=0;c<e.tags.length;c+=1){if(e.tags[c].includes(t))return!0}return!1})):o)}),[o,t]),Object(d.jsx)(s.a,{classes:{content:"flex"},header:Object(d.jsxs)("div",{className:"flex flex-wrap flex-1 items-center justify-between p-12 md:p-24",children:[Object(d.jsxs)("div",{className:"flex flex-col w-full sm:w-auto",children:[Object(d.jsxs)("div",{className:"flex items-center mb-4",children:[Object(d.jsx)(l.a,{className:"text-18",color:"action",children:"home"}),Object(d.jsx)(l.a,{className:"text-16",color:"action",children:"chevron_right"}),Object(d.jsx)(m.a,{color:"textSecondary",className:"font-medium",children:"User Interface"})]}),Object(d.jsx)(m.a,{variant:"h6",className:"text-18 sm:text-24 font-semibold",children:"Icons"})]}),Object(d.jsx)("div",{className:"flex flex-1 items-center justify-center w-full sm:w-auto sm:px-12",children:Object(d.jsx)(j.a,{theme:e,children:Object(d.jsxs)(r.a,{className:"flex items-center min-w-full sm:min-w-0 w-full max-w-512 px-12 py-4 rounded-16 shdaow",children:[Object(d.jsx)(l.a,{color:"action",children:"search"}),Object(f.useMemo)((()=>Object(d.jsx)(n.a,{placeholder:"Search...",className:"flex flex-1 px-8",disableUnderline:!0,fullWidth:!0,value:t,onChange:O,inputProps:{"aria-label":"Search"}})),[t])]})})}),Object(d.jsxs)(a.a,{className:"ml-8 sm:ml-0",variant:"outlined",component:"a",href:"https://material.io/icons/",target:"_blank",role:"button",color:"default",children:[Object(d.jsx)(l.a,{children:"link"}),Object(d.jsx)("span",{className:"mx-4 hidden sm:flex",children:"Reference"})]})]}),content:Object(d.jsx)("div",{className:"py-24 max-w-2xl mx-auto",children:Object(f.useMemo)((()=>h&&(h.length>0?Object(d.jsx)("div",{className:"flex flex-wrap justify-center",children:h.map((e=>Object(d.jsxs)("div",{className:"w-1/3 h-128 p-8 sm:w-160 sm:p-16 flex flex-col items-center justify-center",children:[Object(d.jsx)(l.a,{className:"text-48",color:"action",children:e.name}),Object(d.jsx)(m.a,{variant:"caption",className:"mt-4",children:e.name})]},e.name)))}):Object(d.jsx)("div",{className:"flex flex-auto items-center justify-center w-full h-full",children:Object(d.jsx)(m.a,{color:"textSecondary",variant:"h5",children:"No results!"})}))),[h])})})}}}]);
Zerion Mini Shell 1.0