Function IconItem

packages/dev/s2-docs/src/IconSearchView.tsx:182–211

({item, isCopied = false}: {item: (typeof iconList)[number]; isCopied?: boolean})

}

function IconItem({item, isCopied = false}: {item: (typeof iconList)[number]; isCopied?: boolean}) {
  let Icon = item.icon;
  let ref = useRef(null);
  // oxlint-disable react/react-compiler
  return (
    <ListBoxItem
      id={item.id}
      value={item}
      textValue={item.id}
      className={itemStyle}
      ref={ref}
      style={pressScale(ref)}>
      {isCopied ? (
        <CheckmarkCircle styles={iconStyle({size: 'XL'})} />
      ) : (
        <Icon styles={iconStyle({size: 'XL'})} />
      )}
      <div
        className={style({
          maxWidth: '100%',
          textOverflow: 'ellipsis',
          overflow: 'hidden',
          whiteSpace: 'nowrap'
        })}>
        {isCopied ? 'Copied!' : item.id}
      </div>
    </ListBoxItem>
  );
  // oxlint-enable react/react-compiler
}

export function SkeletonIconItem({item}: {item: {id: string}}) {
  const PlaceholderIcon = Close;