hunk.code_window: 	lines?: number;
   	// Temporary solution for TruncatedText in list view
   	idleClassName?: string;
   }
   export const RenameTextBox = forwardRef<HTMLDivElement, RenameTextBoxProps>(
  
hunk.labels: keep keep add keep keep keep
hunk.after_edit: 	toggleBy?: 'shortcut' | 'click' | 'all';
  
hunk.file_path: interface/app/$libraryId/Explorer/FilePath/RenameTextBox.tsx
hunk.type: add
file: import { getIcon, iconNames } from '@sd/assets/util';
  import clsx from 'clsx';
  import { ImgHTMLAttributes } from 'react';
  import { useIsDark } from '~/hooks';
  
  export type IconName = keyof typeof iconNames;
  
  interface Props extends ImgHTMLAttributes<HTMLImageElement> {
  	name: IconName;
  	size?: number;
  	theme?: 'dark' | 'light';
  }
  
  export const Icon = ({ name, size, theme, ...props }: Props) => {
  	const isDark = useIsDark();
  	return (
  		<img
  			src={getIcon(name, theme ? theme === 'dark' : isDark)}
  			width={size}
  			height={size}
  			{...props}
  			className={clsx('pointer-events-none', props.className)}
  		/>
  	);
  };
  