hunk.code_window:   getNewOptionData: (string, Node) => OptionType,
     /* If provided, this will be called with the input value when a new option is
        created, and `onChange` will **not** be called. Use this when you need more
        control over what happens when new options are created. */
     onCreateOption?: string => void,
     /* Renders the label for the "create new..." option first in the options list
        when it is true. */
     createOptionLabelFirst: boolean,
   };
   export type Props = SelectProps & CreatableProps;
   const compareOption = (inputValue, option) => {
  
hunk.labels: keep keep keep keep keep replace replace replace keep keep keep keep keep
hunk.after_edit:   /* Sets the position of the createOption element in your options list. Defaults to 'last' */
     createOptionPosition: 'first' | 'last',
  
hunk.file_path: src/Creatable.js
hunk.type: replace
file: import React from 'react';
  import Select, { components } from '../../src';
  import { colourOptions } from '../data';
  
  const Placeholder = (props) => {
    return (
      <components.Placeholder {...props}/>
    );
  };
  
  export default () => (
    <Select
      closeMenuOnSelect={false}
      components={{ Placeholder }}
      placeholder={'custom placeholder component'}
      styles={{ placeholder: (base) => ({ ...base, fontSize: '1em', color:colourOptions[2].color, fontWeight: 400 }) }}
      options={colourOptions}
    />
  );
  