Function IconSearchView

packages/dev/s2-docs/src/IconSearchView.tsx:163–180

({filteredItems, listBoxClassName}: IconSearchViewProps)

}

export function IconSearchView({filteredItems, listBoxClassName}: IconSearchViewProps) {
  let {copiedId, handleCopyImport} = useCopyImport();

  return (
    <>
      <InfoMessage>
        Press an item to copy its import statement. See <Link href="icons">Icons</Link> for more
        information.
      </InfoMessage>
      <IconListBox
        items={filteredItems}
        copiedId={copiedId}
        onAction={handleCopyImport}
        listBoxClassName={listBoxClassName}
      />
    </>
  );
}

function IconItem({item, isCopied = false}: {item: (typeof iconList)[number]; isCopied?: boolean}) {
  let Icon = item.icon;