refactor: simplify Notification component and add new props

- Remove unused props: children, icon, title
- Add duration, pauseOnHover, onClick props
- Simplify component structure

Co-Authored-By: Claude Opus 4.6 <[email protected]>

Author: zombieJ

src/Notification.tsx

@@ -1,26 +1,24 @@
 import * as React from 'react';
 
 export interface NotificationProps {
-  children?: React.ReactNode;
-  icon?: React.ReactNode;
-  title?: React.ReactNode;
   content?: React.ReactNode;
   actions?: React.ReactNode;
   close?: React.ReactNode;
+  duration?: number | false | null;
+  pauseOnHover?: boolean;
+  onClick?: React.MouseEventHandler<HTMLDivElement>;
 }
 
 const Notification = React.forwardRef<HTMLDivElement, NotificationProps>((props, ref) => {
-  const { children, icon, title, content, actions, close, ...restProps } = props;
+  const { content, actions, close, ...restProps } = props;
   return (
     <div ref={ref} {...restProps}>
-      {icon && <div className="icon">{icon}</div>}
-      {title && <div className="title">{title}</div>}
+      {content}
       {close && (
         <button className="close" aria-label="Close">
           {close}
         </button>
       )}
-      {content && <div className="content">{content}</div>}
       {actions && <div className="actions">{actions}</div>}
     </div>
   );