hunk.code_window: export default function DeleteLibraryDialog(props: Props) {
   	const submitPlausibleEvent = usePlausibleEvent();
   	const queryClient = useQueryClient();
   	const platform = usePlatform();
   	const deleteLib = useBridgeMutation('library.delete');
   	const form = useZodForm();
  
hunk.labels: keep keep keep keep add keep keep keep keep keep
hunk.after_edit: 	const navigate = useNavigate();
  
hunk.file_path: interface/app/$libraryId/settings/node/libraries/DeleteDialog.tsx
hunk.type: add
file: 'use client';
  
  import { type IconProps } from '@phosphor-icons/react';
  import clsx from 'clsx';
  import { Button, LinkButtonProps } from '@sd/ui';
  
  interface Props extends LinkButtonProps {
  	className?: string;
  	text: string;
  	icon?: IconProps;
  	onClick?: () => void;
  }
  
  export function HomeCTA({ className, text, icon, ...props }: Props) {
  	return (
  		<Button
  			size="lg"
  			className={clsx(
  				'home-button-border-gradient relative z-30 flex cursor-pointer items-center gap-2 !rounded-[7px] border-0 !bg-[#2F3152]/30 py-2 text-sm text-white !backdrop-blur-lg hover:brightness-110 md:text-[16px]',
  				className
  			)}
  			{...props}
  		>
  			<>
  				{icon && icon}
  				{text}
  			</>
  		</Button>
  	);
  }
  
  export default HomeCTA;
  