fix: Nested col-resize and row-resize icon

Author: Aman Kumar

packages/core/src/components/DragHandle.tsx

@@ -86,12 +86,7 @@ export const DragHandle: React.FC<DragHandleProps> = ({
   const hideGrip = leftPaneCollapsed || rightPaneCollapsed;
 
   return (
-    <div
-      className={handlebarClass}
-      onMouseDown={(e) => !disabled && onMouseDown(e)}
-      onTouchStart={(e) => !disabled && onMouseDown(e)}
-      style={{ cursor: disabled ? 'default' : isHorizontal ? 'col-resize' : 'row-resize' }}
-    >
+    <div className={handlebarClass} onMouseDown={(e) => !disabled && onMouseDown(e)} onTouchStart={(e) => !disabled && onMouseDown(e)}>
       {showButtons && (
         <>
           <button

packages/core/src/components/Split.tsx

@@ -336,7 +336,6 @@ export const Split = forwardRef<SplitRef, SplitProps>((props, ref) => {
         element.style.cursor = 'default';
       } else {
         element.classList.remove('a-split-handlebar-disabled');
-        element.style.cursor = mode === 'horizontal' ? 'col-resize' : 'row-resize';
       }
 
       const isVisible = isHandlebarVisible(handlebarIndex, visible);