hunk.code_window:       : T
     : never {
     return useSyncExternalStore(
       liveData ? liveData.reactSubscribe : noopSubscribe,
       liveData ? liveData.reactGetSnapshot : noopGetSnapshot
     );
   }
   /**
  
hunk.labels: keep keep keep keep replace keep keep keep keep
hunk.after_edit:     liveData
         ? liveData.reactGetSnapshot
         : liveData === undefined
           ? undefinedGetSnapshot
           : nullGetSnapshot
  
hunk.file_path: packages/common/infra/src/livedata/react.ts
hunk.type: replace
file: import { cssVar } from '@toeverything/theme';
  import { style } from '@vanilla-extract/css';
  export const group = style({
    display: 'flex',
    gap: '16px',
    justifyContent: 'center',
  });
  export const deleteHintContainer = style({
    position: 'relative',
    zIndex: 2,
    padding: '14px 20px',
    display: 'flex',
    justifyContent: 'space-between',
    alignItems: 'center',
    flexShrink: 0,
    bottom: '0',
    gap: '16px',
    backgroundColor: cssVar('backgroundPrimaryColor'),
    borderTop: `1px solid ${cssVar('borderColor')}`,
  });
  export const deleteHintText = style({
    fontSize: '15px',
    fontWeight: '500',
    lineHeight: '24px',
    color: cssVar('textSecondaryColor'),
    whiteSpace: 'nowrap',
    textOverflow: 'ellipsis',
    overflow: 'hidden',
  });
  export const buttonContainer = style({
    color: cssVar('pureWhite'),
    padding: '8px 18px',
    fontSize: '20px',
    height: '36px',
  });
  export const icon = style({
    display: 'flex',
    alignContent: 'center',
  });
  