hunk.code_window: import { Inject, Injectable } from '@nestjs/common';
   import { Notifire } from '@notifire/core';
   import { NotifireOptions } from '../interfaces';
   import { NOTIFIRE_OPTIONS } from '../helpers';
   @Injectable()
  
hunk.labels: keep replace keep keep keep keep
hunk.after_edit: import { IProvider, ITemplate, Notifire } from '@notifire/core';
  
hunk.file_path: packages/nest/src/services/notifire.service.ts
hunk.type: replace
file: import React from 'react';
  import { Select as SelectBase } from 'antd';
  
  export interface SelectProps {
    values: Array<{ value: string; label: string }>;
    selectedValue?: string;
    emptyValue?: string;
    onChange: (value: any) => void;
    className?: string;
    disabled?: boolean;
  }
  
  const { Option } = SelectBase;
  
  export const Select: React.FC<SelectProps> = ({ onChange, selectedValue, values }: SelectProps) => {
    const handleChange = (value: string) => {
      onChange(value);
    };
  
    return (
      <SelectBase value={String(selectedValue)} style={{ width: 160 }} onChange={handleChange}>
        <Option value="" disabled>
          Select your option
        </Option>
        {values.map((option) => (
          <Option key={option.value} value={option.value}>
            {option.label}
          </Option>
        ))}
      </SelectBase>
    );
  };
  