hunk.code_window:   }
   > = props => {
     const { setNodeRef, attributes, listeners, transform } = useSortable({
       id: props.item.id,
     });
     const style = transform
       ? {
           transform: `translate3d(${transform.x}px, ${transform.y}px, 0)`,
         }
       : undefined;
     return (
       <div
         data-testid="draggable-item"
  
hunk.labels: keep keep keep keep keep replace replace replace replace replace keep keep keep
hunk.after_edit:   const style: React.CSSProperties = {
       transform: transform
         ? `translate3d(${transform.x}px, ${transform.y}px, 0)`
         : undefined,
       pointerEvents: props.disabled ? 'none' : undefined,
       opacity: props.disabled ? 0.6 : undefined,
     };
  
hunk.file_path: packages/component/src/components/workspace-list/index.tsx
hunk.type: replace
file: import { IconButton, styled } from '@affine/component';
  
  export const StyledSidebarSwitch = styled(IconButton, {
    shouldForwardProp(propName: PropertyKey) {
      return propName !== 'visible';
    },
  })<{ visible: boolean }>(({ visible }) => {
    return {
      opacity: visible ? 1 : 0,
      transition: 'all 0.2s ease-in-out',
    };
  });
  