hunk.code_window: });
   export const switchStyle = style({
     fontSize: 'var(--affine-font-xs)',
     color: 'var(--affine-text-secondary-color)',
     margin: '0 10px',
   });
   export const filterTypeStyle = style({
     fontSize: 'var(--affine-font-sm)',
     display: 'flex',
  
hunk.labels: keep keep keep keep replace keep keep keep keep
hunk.after_edit:   padding: '2px 4px',
     transition: 'all 0.15s ease-in-out',
     ':hover': {
       cursor: 'pointer',
       background: 'var(--affine-hover-color)',
       borderRadius: '4px',
     },
  
hunk.file_path: packages/component/src/components/page-list/filter/index.css.ts
hunk.type: replace
file: import { useAFFiNEI18N } from '@affine/i18n/hooks';
  
  import { Modal, ModalCloseButton } from '../../..';
  import {
    StyledButton,
    StyledButtonContent,
    StyledDangerButton,
    StyledModalHeader,
    StyledModalWrapper,
    StyledTextContent,
  } from './style';
  
  export type PublicLinkDisableProps = {
    open: boolean;
    onConfirmDisable: () => void;
    onClose: () => void;
  };
  
  export const PublicLinkDisableModal = ({
    open,
    onConfirmDisable,
    onClose,
  }: PublicLinkDisableProps) => {
    const t = useAFFiNEI18N();
    return (
      <Modal open={open} onClose={onClose}>
        <StyledModalWrapper>
          <ModalCloseButton onClick={onClose} top={12} right={12} />
          <StyledModalHeader>{t['Disable Public Link ?']()}</StyledModalHeader>
  
          <StyledTextContent>
            {t['Disable Public Link Description']()}
          </StyledTextContent>
  
          <StyledButtonContent>
            <StyledButton onClick={onClose}>{t['Cancel']()}</StyledButton>
            <StyledDangerButton
              data-testid="disable-public-link-confirm-button"
              onClick={() => {
                onConfirmDisable();
                onClose();
              }}
              style={{ marginLeft: '24px' }}
            >
              {t['Disable']()}
            </StyledDangerButton>
          </StyledButtonContent>
        </StyledModalWrapper>
      </Modal>
    );
  };
  