packages/components/containers/layouts/DraftTypeSelect.tsx

   1 import type { ChangeEvent } from 'react';
   2
   3 import { c } from 'ttag';
   4
   5 import Select from '@proton/components/components/select/Select';
   6 import { MIME_TYPES } from '@proton/shared/lib/constants';
   7
   8 const { DEFAULT, PLAINTEXT } = MIME_TYPES;
   9
  10 interface Props {
  11     id: string;
  12     draftType: MIME_TYPES;
  13     onChange: (draftType: MIME_TYPES) => void;
  14     loading: boolean;
  15 }
  16
  17 const DraftTypeSelect = ({ id, draftType, onChange, loading, ...rest }: Props) => {
  18     const options = [
  19         { text: c('Option').t`Normal`, value: DEFAULT },
  20         { text: c('Option').t`Plain text`, value: PLAINTEXT },
  21     ];
  22
  23     const handleChange = ({ target }: ChangeEvent<HTMLSelectElement>) => onChange(target.value as MIME_TYPES);
  24
  25     return <Select id={id} value={draftType} options={options} disabled={loading} onChange={handleChange} {...rest} />;
  26 };
  27
  28 export default DraftTypeSelect;