hunk.code_window: 	ObjectSearchOrdering,
   	useLibraryContext,
   	useRspcLibraryContext
   } from '@sd/client';
   import { useExplorerContext } from '../Explorer/Context';
   import { getExplorerStore, useExplorerStore } from '../Explorer/store';
   import { UseExplorerSettings } from '../Explorer/useExplorer';
   export const IconForCategory: Partial<Record<Category, string>> = {
   	Recents: iconNames.Collection,
  
hunk.labels: keep keep keep keep replace replace keep keep keep keep
hunk.after_edit: import { getExplorerStore } from '../Explorer/store';
  
hunk.file_path: interface/app/$libraryId/overview/data.ts
hunk.type: replace
file: import clsx from 'clsx';
  import MarkdownToJsx from 'markdown-to-jsx';
  import { Fire, Info } from 'phosphor-react';
  
  type NoticeProps = {
  	title?: string;
  	text: string;
  	type: 'warning' | 'info' | 'note';
  };
  
  export default function Notice({ text, type, title }: NoticeProps) {
  	const Icon = type === 'warning' ? Fire : Info;
  
  	return (
  		<div
  			className={clsx(
  				'mb-2 rounded border-l-4 border-app-line bg-app-box px-4 py-3',
  				type === 'note' && 'border-yellow-400 bg-yellow-300/20',
  				type === 'info' && 'bg-green-400/200 border-green-400',
  				type === 'warning' && 'border-red-400 bg-red-400/20'
  			)}
  		>
  			<div className="flex flex-row items-center gap-x-1">
  				<Icon className="my-0 h-5 w-5 text-white" />
  				<h5 className="m-0 text-sm font-bold uppercase text-white">{title || type}</h5>
  			</div>
  			<p className="mx-0 my-1 mb-0 text-white">
  				<MarkdownToJsx>{text}</MarkdownToJsx>
  			</p>
  		</div>
  	);
  }
  