fix: divider size && props

Author: bhscer

TAILWIND.md

@@ -51,21 +51,39 @@ Create a themed divider component using shadcn's `cn` utility:
 import { cn } from '@/lib/utils';
 import type { DividerProps } from 'react-split-pane';
 
-function ThemedDivider({ direction, isDragging, disabled, ...props }: DividerProps) {
+function ThemedDivider(props: DividerProps) {
+  const {
+    direction,
+    isDragging,
+    disabled,
+    onMouseDown,
+    onTouchStart,
+    onTouchEnd,
+    onKeyDown,
+  } = props;
+
   return (
     <div
-      {...props}
+      role="separator"
+      aria-orientation={direction === 'horizontal' ? 'vertical' : 'horizontal'}
+      tabIndex={disabled ? -1 : 0}
+      onMouseDown={disabled ? undefined : onMouseDown}
+      onTouchStart={disabled ? undefined : onTouchStart}
+      onTouchEnd={disabled ? undefined : onTouchEnd}
+      onKeyDown={disabled ? undefined : onKeyDown}
       className={cn(
-        'shrink-0 flex items-center justify-center transition-colors',
+        'flex items-center justify-center transition-colors',
         'bg-border hover:bg-accent focus:outline-none focus:ring-2 focus:ring-ring',
         direction === 'horizontal'
           ? 'w-1 cursor-col-resize'
           : 'h-1 cursor-row-resize',
-        isDragging && 'bg-primary',
-        disabled && 'cursor-not-allowed opacity-50'
+        isDragging && 'bg-default-200/50',
+        disabled && 'cursor-not-allowed opacity-50',
       )}
-    />
-  );
+    >
+      &nbsp;
+    </div>
+  )
 }
 
 <SplitPane divider={ThemedDivider}>