hunk.code_window:       globals: globals,
       },
       external: external,
       plugins: [babel(babelOptions(false)), resolve(), commonjs()],
     },
     {
       input: 'src/index.umd.js',
       output: {
         name: name,
  
hunk.labels: keep keep keep replace keep keep keep keep keep
hunk.after_edit:     plugins: [babel(babelOptions()), resolve(), commonjs()],
  
hunk.file_path: rollup.config.js
hunk.type: replace
file: import React from 'react';
  import Tooltip from '@atlaskit/tooltip';
  import Select, { components } from '../../src';
  import { colourOptions } from '../data';
  
  const Option = (props) => {
    return (
      <Tooltip content={'Customise your option component!'} truncateText>
        <components.Option {...props}/>
      </Tooltip>
    );
  };
  
  export default () => (
    <Select
      closeMenuOnSelect={false}
      components={{ Option }}
      styles={{ option: (base) => ({ ...base, border: '1px dotted #2684FF', height: '100%' }) }}
      defaultValue={colourOptions[4]}
      options={colourOptions}
    />
  );
  