"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9237],{69237:(e,s,a)=>{a.r(s),a.d(s,{FontAwesomePicker:()=>u});var r=a(57505),l=a(16697),n=a(43119),t=a(50245),c=a(17574),o=a(91355);let u=({shouldFocus:e,className:s,onIconSelect:u,onPickerDestroy:d})=>{let[i,h]=(0,t.useState)(""),[x,b]=(0,t.useState)([]),f=async()=>{b((await a.e(2864).then(a.bind(a,22864))).FA_ICONS)},w=(0,t.useMemo)(()=>i.length?x.filter(e=>e?.includes(i)):x,[x,i]);return(0,t.useEffect)(()=>{f()},[]),(0,r.jsxs)("div",{className:(0,l.cn)("w-full flex flex-col p-4 bg-gray-50 dark:bg-gray-900 rounded-b-2xl",s),children:[(0,r.jsx)(o.Q,{children:(0,r.jsx)(c.E5,{wrapClassName:"mb-4",autoFocus:e,onDebouncedChange:e=>{h(e)},onKeyDown:e=>{(0,n.Ay)("esc",e)&&d?.()}})}),(0,r.jsx)("div",{className:"w-full h-[308px] flex flex-wrap content-start overflow-y-auto ab-scrollbars",children:w.map((e,s)=>(0,r.jsx)("div",{className:"h-8 w-8 p-1 text-center cursor-pointer rounded-md transition-colors duration-300 hover:bg-gray-200 dark:hover:bg-gray-800",onClick:()=>u(e),children:(0,r.jsx)("i",{className:e})},e+s))})]})}}}]);