import React from 'react';
import intl from 'react-intl-universal';

import { ListSelect } from 'components';

export default function SalutationList({ ...restProps }) {
  const saluations = [
    intl.get('mr'),
    intl.get('mrs'),
    intl.get('ms'),
    intl.get('miss'),
    intl.get('dr'),
  ];
  const items = saluations.map((saluation) => ({
    key: saluation,
    label: saluation,
  }));

  return (
    <ListSelect
      items={items}
      selectedItemProp={'key'}
      textProp={'label'}
      defaultText={intl.get('salutation')}
      filterable={false}
      {...restProps}
    />
  );
}