hunk.code_window:             width={315}
               height={42}
             />
           </StyledInputContent>
           <StyledButtonContent>
             <Button shape="circle" onClick={onClose}>
               {t['Cancel']()}
             </Button>
             <Button
               data-testid="delete-workspace-confirm-button"
               disabled={!allowDelete}
  
hunk.labels: keep keep keep keep keep replace keep keep keep keep keep
hunk.after_edit:           <Button onClick={onClose} size="large">
  
hunk.file_path: apps/core/src/components/affine/new-workspace-setting-detail/delete-leave-workspace/delete/index.tsx
hunk.type: replace
file: import { style } from '@vanilla-extract/css';
  
  export const blockCard = style({
    display: 'flex',
    gap: '12px',
    padding: '8px 12px',
    color: 'var(--affine-text-primary-color)',
    backgroundColor: 'var(--affine-white-80)',
    borderRadius: '8px',
    userSelect: 'none',
    cursor: 'pointer',
    textAlign: 'start',
    boxShadow: 'var(--affine-shadow-1)',
    selectors: {
      '&:hover': {
        backgroundColor: 'var(--affine-hover-color)',
      },
      '&[aria-disabled]': {
        color: 'var(--affine-text-disable-color)',
      },
      '&[aria-disabled]:hover': {
        backgroundColor: 'var(--affine-white-80)',
        cursor: 'not-allowed',
      },
      // TODO active styles
    },
  });
  
  export const blockCardAround = style({
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
  });
  
  export const blockCardContent = style({
    display: 'flex',
    flexDirection: 'column',
    flex: 1,
  });
  
  export const blockCardDesc = style({
    color: 'var(--affine-text-secondary-color)',
    fontSize: 'var(--affine-font-xs)',
  });
  