hunk.code_window: const TABS = ['File Paths', 'Objects', 'Tags', 'Operations'];
   function DatabaseView(props: DatabaseViewProps) {
   	const [currentTab, setCurrentTab] = useState<typeof TABS[number]>('Operations');
   	const pullOperations = rspc.useMutation('pullOperations');
   	return (
   		<div className="bg-indigo-300 rounded-md min-w-[32rem] flex-1 overflow-hidden">
  
hunk.labels: keep keep keep replace keep keep keep keep keep
hunk.after_edit: 	const [currentTab, setCurrentTab] = useState<(typeof TABS)[number]>('Operations');
  
hunk.file_path: crates/sync/example/web/src/App.tsx
hunk.type: replace
file: import { DetailedHTMLProps, HTMLAttributes } from 'react';
  
  export interface DefaultProps<E extends HTMLElement = HTMLElement>
  	extends DetailedHTMLProps<HTMLAttributes<E>, E> {
  	className?: string;
  }
  