hunk.code_window: 			title="Delete a file"
   			description="Configure your deletion settings."
   			loading={deleteFile.isLoading}
   			ctaLabel="Delete"
   		>
   			<p>TODO: checkbox for "delete all matching files" (only if a file is selected)</p>
   		</Dialog>
   	);
   };
hunk.labels: keep keep keep keep keep replace keep keep keep
hunk.after_edit: 			<Tooltip label="Coming soon">
   				<div className="flex items-center opacity-50">
   					<CheckBox disabled className="!mt-0" />
   					<p className="text-sm text-ink-faint">Delete all matching files</p>
   				</div>
   			</Tooltip>
  
hunk.file_path: interface/app/$libraryId/Explorer/File/DeleteDialog.tsx
hunk.type: replace
file: import React from 'react';
  import { Text, View } from 'react-native';
  import { ExplorerItem, isObject } from '@sd/client';
  import { tw, twStyle } from '~/lib/tailwind';
  import { getExplorerStore } from '~/stores/explorerStore';
  import FileThumb from './FileThumb';
  
  type FileRowProps = {
  	data: ExplorerItem;
  };
  
  const FileRow = ({ data }: FileRowProps) => {
  	const filePath = isObject(data) ? data.item.file_paths[0] : data.item;
  
  	return (
  		<View
  			style={twStyle('flex flex-row items-center px-3', {
  				height: getExplorerStore().listItemSize
  			})}
  		>
  			<FileThumb data={data} size={0.6} />
  			<View style={tw`ml-3`}>
  				<Text numberOfLines={1} style={tw`text-center text-xs font-medium text-ink-dull`}>
  					{filePath?.name}
  					{filePath?.extension && `.${filePath.extension}`}
  				</Text>
  			</View>
  		</View>
  	);
  };
  
  export default FileRow;
  