hunk.code_window: import { useQuickPreviewStore } from '../QuickPreview/store';
   import { explorerStore } from '../store';
   import { uniqueId, useExplorerItemData } from '../util';
   import FavoriteButton from './FavoriteButton';
   import MediaData from './MediaData';
   import Note from './Note';
   export const InfoPill = tw.span`inline border border-transparent px-1 text-[11px] font-medium shadow shadow-app-shade/5 bg-app-selected rounded-md text-ink-dull`;
  
hunk.labels: keep keep add keep keep keep keep keep
hunk.after_edit: import { RenamableItemText } from '../View/RenamableItemText';
  
hunk.file_path: interface/app/$libraryId/Explorer/Inspector/index.tsx
hunk.type: add
file: import { getIcon, iconNames } from '@sd/assets/util';
  import { Image, ImageProps } from 'react-native';
  import { isDarkTheme } from '@sd/client';
  
  export type IconName = keyof typeof iconNames;
  
  interface IconProps extends Omit<ImageProps, 'source'> {
  	name: IconName;
  	size?: number;
  	theme?: 'dark' | 'light';
  }
  
  export const Icon = ({ name, size, theme, ...props }: IconProps) => {
  	const isDark = isDarkTheme();
  
  	return (
  		<Image
  			{...props}
  			style={{ width: size, height: size }}
  			source={getIcon(name, theme ? theme === 'dark' : isDark)}
  		/>
  	);
  };
  