hunk.code_window: import { GetIntegrations } from './get-integrations/get-integrations.usecase';
   import { UpdateIntegration } from './update-integration/update-integration.usecase';
   import { RemoveIntegration } from './remove-integration/remove-integration.usecase';
   import { DeactivateSimilarChannelIntegrations } from './deactivate-integration/deactivate-integration.usecase';
   import { GetActiveIntegrations } from './get-active-integration/get-active-integration.usecase';
   export const USE_CASES = [
     CreateIntegration,
     GetIntegrations,
  
hunk.labels: keep keep keep keep add keep keep keep keep
hunk.after_edit: import { GetDecryptedIntegrations } from './get-decrypted-integrations/get-decrypted-integrations.usecase';
  
hunk.file_path: apps/api/src/app/integrations/usecases/index.ts
hunk.type: add
file: import React, { ChangeEvent } from 'react';
  import { Radio as MantineRadio } from '@mantine/core';
  import useStyles from './Radio.styles';
  
  export interface RadioProps extends JSX.ElementChildrenAttribute {
    value: string;
    checked?: boolean;
    disabled?: boolean;
    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
  }
  
  /**
   * Checkbox Component
   *
   */
  export function Radio({ value, onChange, disabled = false, checked, children, ...props }: RadioProps) {
    const { classes } = useStyles();
  
    return (
      <MantineRadio
        value={value}
        onChange={onChange}
        checked={checked}
        classNames={classes}
        disabled={disabled}
        size="md"
        {...props}
      >
        {children}
      </MantineRadio>
    );
  }
  